@next-libs/visual-builder 1.2.15 → 1.2.16

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

@@ -17,7 +17,6 @@ import { matchNoramlMenuValue } from "./processor";
 import { ItemModeType, Required } from "../interfaces";
 export function LegacyVisualPropertyForm(props, ref) {
   var _groupByType;
-
   var theme = useCurrentTheme();
   var {
     projectId,
@@ -48,13 +47,11 @@ export function LegacyVisualPropertyForm(props, ref) {
     var newValue = calculateValue(propertyTypeList, brickProperties, newTypeList);
     form.setFieldsValue(newValue);
   }, [propertyTypeList, brickProperties]);
-
   var handleLabelClick = name => {
     var selected = typeList.find(item => item.name === name);
     var index = typeList.findIndex(item => item.name === name);
     var nextMode = selected.mode === ItemModeType.Advanced ? ItemModeType.Normal : ItemModeType.Advanced;
     var value = selected.value;
-
     if (nextMode === ItemModeType.Normal) {
       if (supportMenuType.includes(selected.type)) {
         value = matchNoramlMenuValue(value);
@@ -64,7 +61,6 @@ export function LegacyVisualPropertyForm(props, ref) {
     } else {
       value = yamlStringify(selected.value);
     }
-
     form.setFieldsValue({
       [name]: value
     });
@@ -75,7 +71,6 @@ export function LegacyVisualPropertyForm(props, ref) {
     });
     setTypeList(newTypeList);
   };
-
   var renderLabel = (item, hideIcon) => {
     return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Tooltip, {
       title: item.description
@@ -86,10 +81,8 @@ export function LegacyVisualPropertyForm(props, ref) {
       icon: item.mode === ItemModeType.Advanced ? labelIcon === null || labelIcon === void 0 ? void 0 : labelIcon.advanced : labelIcon.normal
     })));
   };
-
   var renderEditorItem = (item, hideIcon) => {
     var _item$editor;
-
     return /*#__PURE__*/React.createElement(CodeEditorFormItem, {
       key: item.name,
       name: item.name,
@@ -101,7 +94,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       mode: (item === null || item === void 0 ? void 0 : (_item$editor = item.editor) === null || _item$editor === void 0 ? void 0 : _item$editor.model) || "brick_next_yaml"
     });
   };
-
   var renderStringItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
@@ -113,7 +105,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/React.createElement(Input, null));
   };
-
   var renderBooleanItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
@@ -129,7 +120,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       value: false
     }, "false")));
   };
-
   var renderInputNumberItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
@@ -141,7 +131,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       }]
     }, /*#__PURE__*/React.createElement(InputNumber, null));
   };
-
   var renderStringListItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(Form.Item, {
       key: item.name,
@@ -155,7 +144,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       mode: "tags"
     }));
   };
-
   var renderIconItem = item => {
     return /*#__PURE__*/React.createElement(IconSelectFormItem, {
       key: item.name,
@@ -164,11 +152,9 @@ export function LegacyVisualPropertyForm(props, ref) {
       required: item.required === Required.True
     });
   };
-
   var renderCodeEditorItem = item => {
     return renderEditorItem(item, true);
   };
-
   var renderColorItem = item => {
     return /*#__PURE__*/React.createElement(ColorEditorItem, {
       key: item.name,
@@ -177,7 +163,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       required: item.required === Required.True
     });
   };
-
   var renderMenuItem = item => {
     return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(MenuEditorItem, {
       projectId: projectId,
@@ -188,36 +173,27 @@ export function LegacyVisualPropertyForm(props, ref) {
       menuSettingClick: menuSettingClick
     });
   };
-
   var getFormItem = item => {
     switch (item.type) {
       case "string":
         return renderStringItem(item);
-
       case "string[]":
         return renderStringListItem(item);
-
       case "number":
         return renderInputNumberItem(item);
-
       case "boolean":
         return renderBooleanItem(item);
-
       case "MenuIcon":
         return renderIconItem(item);
-
       case "Color":
         return renderColorItem(item);
-
       case "Menu":
       case "SidebarSubMenu":
         return renderMenuItem(item);
-
       default:
         return renderCodeEditorItem(item);
     }
   };
-
   var renderOthersItem = () => {
     return /*#__PURE__*/React.createElement(CodeEditorFormItem, {
       name: OTHER_FORM_ITEM_FIELD,
@@ -226,7 +202,6 @@ export function LegacyVisualPropertyForm(props, ref) {
       maxLines: Infinity
     });
   };
-
   return isEmpty(typeList) ? /*#__PURE__*/React.createElement(Empty, {
     className: styles.empty,
     description: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.description,

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

@@ -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":"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"}
+{"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":"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"}

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

@@ -8,18 +8,15 @@ import { Form } from "antd";
 import { CodeEditorItem } from "@next-libs/code-editor-components";
 export function CodeEditorFormItem(props) {
   var {
-    name,
-    label
-  } = props,
-      rest = _objectWithoutProperties(props, _excluded);
-
+      name,
+      label
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   var [hasError, setHasError] = useState(false);
-
   var handleValidate = err => {
     var error = some(err, ["type", "error"]);
     setHasError(error);
   };
-
   var validatorFn = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* () {
       if (!hasError) {
@@ -28,12 +25,10 @@ export function CodeEditorFormItem(props) {
         return Promise.reject("请填写正确的 yaml 语法");
       }
     });
-
     return function validatorFn() {
       return _ref.apply(this, arguments);
     };
   }();
-
   return /*#__PURE__*/React.createElement(Form.Item, {
     key: props.name,
     name: props.name,

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditorFormItem.js","names":["React","useState","some","Form","CodeEditorItem","CodeEditorFormItem","props","name","label","rest","hasError","setHasError","handleValidate","err","error","validatorFn","Promise","resolve","reject","required","message","validator"],"sources":["../../../../../src/visual-property-form/components/CodeEditor/CodeEditorFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { some } from \"lodash\";\nimport { Form } from \"antd\";\nimport { FormItemWrapperProps } from \"@next-libs/forms\";\nimport {\n  CodeEditorProps,\n  CodeEditorItem,\n  Error,\n} from \"@next-libs/code-editor-components\";\n\ninterface CodeEditorItemProps extends CodeEditorProps, FormItemWrapperProps {}\n\nexport function CodeEditorFormItem(\n  props: CodeEditorItemProps\n): React.ReactElement {\n  const { name, label, ...rest } = props;\n  const [hasError, setHasError] = useState(false);\n\n  const handleValidate = (err: Error[\"err\"]): void => {\n    const error = some(err, [\"type\", \"error\"]);\n    setHasError(error);\n  };\n\n  const validatorFn = async () => {\n    if (!hasError) {\n      return Promise.resolve();\n    } else {\n      return Promise.reject(\"请填写正确的 yaml 语法\");\n    }\n  };\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[\n        { required: props.required, message: `请输入${props.name}` },\n        { validator: validatorFn },\n      ]}\n    >\n      <CodeEditorItem\n        tabSize={2}\n        minLines={5}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={false}\n        showCopyButton={true}\n        showExpandButton={true}\n        theme=\"tomorrow\"\n        enableLiveAutocompletion={true}\n        onValidate={handleValidate}\n        {...rest}\n      ></CodeEditorItem>\n    </Form.Item>\n  );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,IAAT,QAAqB,MAArB;AAEA,SAEEC,cAFF,QAIO,mCAJP;AAQA,OAAO,SAASC,kBAAT,CACLC,KADK,EAEe;EACpB,IAAM;IAAEC,IAAF;IAAQC;EAAR,IAA2BF,KAAjC;EAAA,IAAwBG,IAAxB,4BAAiCH,KAAjC;;EACA,IAAM,CAACI,QAAD,EAAWC,WAAX,IAA0BV,QAAQ,CAAC,KAAD,CAAxC;;EAEA,IAAMW,cAAc,GAAIC,GAAD,IAA6B;IAClD,IAAMC,KAAK,GAAGZ,IAAI,CAACW,GAAD,EAAM,CAAC,MAAD,EAAS,OAAT,CAAN,CAAlB;IACAF,WAAW,CAACG,KAAD,CAAX;EACD,CAHD;;EAKA,IAAMC,WAAW;IAAA,6BAAG,aAAY;MAC9B,IAAI,CAACL,QAAL,EAAe;QACb,OAAOM,OAAO,CAACC,OAAR,EAAP;MACD,CAFD,MAEO;QACL,OAAOD,OAAO,CAACE,MAAR,CAAe,gBAAf,CAAP;MACD;IACF,CANgB;;IAAA,gBAAXH,WAAW;MAAA;IAAA;EAAA,GAAjB;;EAQA,oBACE,oBAAC,IAAD,CAAM,IAAN;IACE,GAAG,EAAET,KAAK,CAACC,IADb;IAEE,IAAI,EAAED,KAAK,CAACC,IAFd;IAGE,KAAK,EAAED,KAAK,CAACE,KAHf;IAIE,KAAK,EAAE,CACL;MAAEW,QAAQ,EAAEb,KAAK,CAACa,QAAlB;MAA4BC,OAAO,8BAAQd,KAAK,CAACC,IAAd;IAAnC,CADK,EAEL;MAAEc,SAAS,EAAEN;IAAb,CAFK;EAJT,gBASE,oBAAC,cAAD;IACE,OAAO,EAAE,CADX;IAEE,QAAQ,EAAE,CAFZ;IAGE,QAAQ,EAAE,EAHZ;IAIE,WAAW,EAAE,KAJf;IAKE,eAAe,EAAE,KALnB;IAME,cAAc,EAAE,IANlB;IAOE,gBAAgB,EAAE,IAPpB;IAQE,KAAK,EAAC,UARR;IASE,wBAAwB,EAAE,IAT5B;IAUE,UAAU,EAAEH;EAVd,GAWMH,IAXN,EATF,CADF;AAyBD"}
+{"version":3,"file":"CodeEditorFormItem.js","names":["React","useState","some","Form","CodeEditorItem","CodeEditorFormItem","props","name","label","rest","hasError","setHasError","handleValidate","err","error","validatorFn","Promise","resolve","reject","required","message","validator"],"sources":["../../../../../src/visual-property-form/components/CodeEditor/CodeEditorFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { some } from \"lodash\";\nimport { Form } from \"antd\";\nimport { FormItemWrapperProps } from \"@next-libs/forms\";\nimport {\n  CodeEditorProps,\n  CodeEditorItem,\n  Error,\n} from \"@next-libs/code-editor-components\";\n\ninterface CodeEditorItemProps extends CodeEditorProps, FormItemWrapperProps {}\n\nexport function CodeEditorFormItem(\n  props: CodeEditorItemProps\n): React.ReactElement {\n  const { name, label, ...rest } = props;\n  const [hasError, setHasError] = useState(false);\n\n  const handleValidate = (err: Error[\"err\"]): void => {\n    const error = some(err, [\"type\", \"error\"]);\n    setHasError(error);\n  };\n\n  const validatorFn = async () => {\n    if (!hasError) {\n      return Promise.resolve();\n    } else {\n      return Promise.reject(\"请填写正确的 yaml 语法\");\n    }\n  };\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[\n        { required: props.required, message: `请输入${props.name}` },\n        { validator: validatorFn },\n      ]}\n    >\n      <CodeEditorItem\n        tabSize={2}\n        minLines={5}\n        maxLines={12}\n        printMargin={false}\n        showLineNumbers={false}\n        showCopyButton={true}\n        showExpandButton={true}\n        theme=\"tomorrow\"\n        enableLiveAutocompletion={true}\n        onValidate={handleValidate}\n        {...rest}\n      ></CodeEditorItem>\n    </Form.Item>\n  );\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,IAAI,QAAQ,MAAM;AAE3B,SAEEC,cAAc,QAET,mCAAmC;AAI1C,OAAO,SAASC,kBAAkB,CAChCC,KAA0B,EACN;EACpB,IAAM;MAAEC,IAAI;MAAEC;IAAe,CAAC,GAAGF,KAAK;IAAdG,IAAI,4BAAKH,KAAK;EACtC,IAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAE/C,IAAMW,cAAc,GAAIC,GAAiB,IAAW;IAClD,IAAMC,KAAK,GAAGZ,IAAI,CAACW,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1CF,WAAW,CAACG,KAAK,CAAC;EACpB,CAAC;EAED,IAAMC,WAAW;IAAA,6BAAG,aAAY;MAC9B,IAAI,CAACL,QAAQ,EAAE;QACb,OAAOM,OAAO,CAACC,OAAO,EAAE;MAC1B,CAAC,MAAM;QACL,OAAOD,OAAO,CAACE,MAAM,CAAC,gBAAgB,CAAC;MACzC;IACF,CAAC;IAAA,gBANKH,WAAW;MAAA;IAAA;EAAA,GAMhB;EAED,oBACE,oBAAC,IAAI,CAAC,IAAI;IACR,GAAG,EAAET,KAAK,CAACC,IAAK;IAChB,IAAI,EAAED,KAAK,CAACC,IAAK;IACjB,KAAK,EAAED,KAAK,CAACE,KAAM;IACnB,KAAK,EAAE,CACL;MAAEW,QAAQ,EAAEb,KAAK,CAACa,QAAQ;MAAEC,OAAO,8BAAQd,KAAK,CAACC,IAAI;IAAG,CAAC,EACzD;MAAEc,SAAS,EAAEN;IAAY,CAAC;EAC1B,gBAEF,oBAAC,cAAc;IACb,OAAO,EAAE,CAAE;IACX,QAAQ,EAAE,CAAE;IACZ,QAAQ,EAAE,EAAG;IACb,WAAW,EAAE,KAAM;IACnB,eAAe,EAAE,KAAM;IACvB,cAAc,EAAE,IAAK;IACrB,gBAAgB,EAAE,IAAK;IACvB,KAAK,EAAC,UAAU;IAChB,wBAAwB,EAAE,IAAK;IAC/B,UAAU,EAAEH;EAAe,GACvBH,IAAI,EACQ,CACR;AAEhB"}

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

@@ -5,26 +5,20 @@ import React, { useEffect, useState, forwardRef } from "react";
 import styles from "./ColorEditor.module.css";
 export function getPresetColors(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);
       }
     });
   };
-
   for (var [, group] of Object.entries(colorMap)) {
     _loop(group);
   }
-
   return colorList;
 }
 export function LegacyColorPick(props, ref) {
@@ -33,16 +27,13 @@ export function LegacyColorPick(props, ref) {
   useEffect(() => {
     setValue(props.value);
   }, [props.value]);
-
   var handleChangeComplete = color => {
     setValue(color.hex);
     props.onChange(color.hex);
   };
-
   var handleClick = () => {
     setVisible(true);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: styles.colorContainer
   }, /*#__PURE__*/React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ColorEditorItem.js","names":["SketchPicker","COLORS_MAP","Form","React","useEffect","useState","forwardRef","styles","getPresetColors","colorMap","colorList","group","forEach","name","result","match","colorHex","window","getComputedStyle","document","documentElement","getPropertyValue","trim","push","Object","entries","LegacyColorPick","props","ref","value","setValue","visible","setVisible","handleChangeComplete","color","hex","onChange","handleClick","colorContainer","colorCube","colorContent","backgroundColor","popover","cover","ColorPick","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n}\n\nexport function getPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): string[] {\n  const colorList: string[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = window\n          .getComputedStyle(document.documentElement)\n          .getPropertyValue(result[1])\n          ?.trim();\n        colorHex && colorList.push(colorHex);\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    setValue(color.hex);\n    props.onChange(color.hex);\n  };\n\n  const handleClick = () => {\n    setVisible(true);\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div className={styles.popover}>\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={value}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getPresetColors(COLORS_MAP)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick />\n    </Form.Item>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ColorEditorItem.js","names":["SketchPicker","COLORS_MAP","Form","React","useEffect","useState","forwardRef","styles","getPresetColors","colorMap","colorList","group","forEach","name","result","match","colorHex","window","getComputedStyle","document","documentElement","getPropertyValue","trim","push","Object","entries","LegacyColorPick","props","ref","value","setValue","visible","setVisible","handleChangeComplete","color","hex","onChange","handleClick","colorContainer","colorCube","colorContent","backgroundColor","popover","cover","ColorPick","ColorEditorItem","label","required","message"],"sources":["../../../../../src/visual-property-form/components/ColorEditor/ColorEditorItem.tsx"],"sourcesContent":["import { ColorResult, SketchPicker } from \"react-color\";\nimport { COLORS_MAP, Colors } from \"@next-libs/basic-components\";\nimport { Form } from \"antd\";\nimport React, { useEffect, useState, forwardRef } from \"react\";\nimport styles from \"./ColorEditor.module.css\";\n\nexport interface ColorEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  required?: boolean;\n  value?: any;\n  onChange?: (value: string) => void;\n}\n\nexport function getPresetColors(\n  colorMap: Record<\n    Colors,\n    {\n      color: string;\n      background: string;\n      borderColor: string;\n    }\n  >\n): string[] {\n  const colorList: string[] = [];\n  for (const [, group] of Object.entries(colorMap)) {\n    [\"color\", \"background\", \"borderColor\"].forEach((name) => {\n      const result = (group as Record<string, any>)[name]?.match(\n        /^var\\((.+)\\)/\n      );\n      if (result) {\n        const colorHex = window\n          .getComputedStyle(document.documentElement)\n          .getPropertyValue(result[1])\n          ?.trim();\n        colorHex && colorList.push(colorHex);\n      }\n    });\n  }\n\n  return colorList;\n}\n\nexport function LegacyColorPick(\n  props: ColorEditorItemProps,\n  ref: React.Ref<any>\n) {\n  const [value, setValue] = useState(props.value);\n  const [visible, setVisible] = useState(false);\n\n  useEffect(() => {\n    setValue(props.value);\n  }, [props.value]);\n\n  const handleChangeComplete = (color: ColorResult) => {\n    setValue(color.hex);\n    props.onChange(color.hex);\n  };\n\n  const handleClick = () => {\n    setVisible(true);\n  };\n\n  return (\n    <div className={styles.colorContainer}>\n      <div className={styles.colorCube} onClick={handleClick}>\n        <div\n          className={styles.colorContent}\n          style={{ backgroundColor: value }}\n        />\n      </div>\n      {visible && (\n        <div className={styles.popover}>\n          <div className={styles.cover} onClick={() => setVisible(false)} />\n          <SketchPicker\n            width=\"230px\"\n            ref={ref}\n            color={value}\n            onChangeComplete={handleChangeComplete}\n            presetColors={getPresetColors(COLORS_MAP)}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ColorPick = forwardRef(LegacyColorPick);\n\nexport function ColorEditorItem(props: ColorEditorItemProps) {\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <ColorPick />\n    </Form.Item>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/visual-property-form/components/IconSelect/IconSelectFormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconSelectFormItem.js","names":["React","useState","Form","IconSelectItem","IconSelectFormItem","props","visible","setVisible","name","label","required","message"],"sources":["../../../../../src/visual-property-form/components/IconSelect/IconSelectFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Form } from \"antd\";\nimport { IconSelectProps, IconSelectItem } from \"@next-libs/forms\";\n\nexport function IconSelectFormItem(props: IconSelectProps): React.ReactElement {\n  const [visible, setVisible] = useState(false);\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <IconSelectItem\n        setColor={true}\n        bg={true}\n        visible={visible}\n        openModal={() => setVisible(true)}\n        handleCancel={() => setVisible(false)}\n        onChange={() => setVisible(false)}\n      />\n    </Form.Item>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,QAAqB,MAArB;AACA,SAA0BC,cAA1B,QAAgD,kBAAhD;AAEA,OAAO,SAASC,kBAAT,CAA4BC,KAA5B,EAAwE;EAC7E,IAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBN,QAAQ,CAAC,KAAD,CAAtC;EAEA,oBACE,oBAAC,IAAD,CAAM,IAAN;IACE,GAAG,EAAEI,KAAK,CAACG,IADb;IAEE,IAAI,EAAEH,KAAK,CAACG,IAFd;IAGE,KAAK,EAAEH,KAAK,CAACI,KAHf;IAIE,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAEL,KAAK,CAACK,QAAlB;MAA4BC,OAAO,8BAAQN,KAAK,CAACG,IAAd;IAAnC,CAAD;EAJT,gBAME,oBAAC,cAAD;IACE,QAAQ,EAAE,IADZ;IAEE,EAAE,EAAE,IAFN;IAGE,OAAO,EAAEF,OAHX;IAIE,SAAS,EAAE,MAAMC,UAAU,CAAC,IAAD,CAJ7B;IAKE,YAAY,EAAE,MAAMA,UAAU,CAAC,KAAD,CALhC;IAME,QAAQ,EAAE,MAAMA,UAAU,CAAC,KAAD;EAN5B,EANF,CADF;AAiBD"}
+{"version":3,"file":"IconSelectFormItem.js","names":["React","useState","Form","IconSelectItem","IconSelectFormItem","props","visible","setVisible","name","label","required","message"],"sources":["../../../../../src/visual-property-form/components/IconSelect/IconSelectFormItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Form } from \"antd\";\nimport { IconSelectProps, IconSelectItem } from \"@next-libs/forms\";\n\nexport function IconSelectFormItem(props: IconSelectProps): React.ReactElement {\n  const [visible, setVisible] = useState(false);\n\n  return (\n    <Form.Item\n      key={props.name}\n      name={props.name}\n      label={props.label}\n      rules={[{ required: props.required, message: `请输入${props.name}` }]}\n    >\n      <IconSelectItem\n        setColor={true}\n        bg={true}\n        visible={visible}\n        openModal={() => setVisible(true)}\n        handleCancel={() => setVisible(false)}\n        onChange={() => setVisible(false)}\n      />\n    </Form.Item>\n  );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,MAAM;AAC3B,SAA0BC,cAAc,QAAQ,kBAAkB;AAElE,OAAO,SAASC,kBAAkB,CAACC,KAAsB,EAAsB;EAC7E,IAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAE7C,oBACE,oBAAC,IAAI,CAAC,IAAI;IACR,GAAG,EAAEI,KAAK,CAACG,IAAK;IAChB,IAAI,EAAEH,KAAK,CAACG,IAAK;IACjB,KAAK,EAAEH,KAAK,CAACI,KAAM;IACnB,KAAK,EAAE,CAAC;MAAEC,QAAQ,EAAEL,KAAK,CAACK,QAAQ;MAAEC,OAAO,8BAAQN,KAAK,CAACG,IAAI;IAAG,CAAC;EAAE,gBAEnE,oBAAC,cAAc;IACb,QAAQ,EAAE,IAAK;IACf,EAAE,EAAE,IAAK;IACT,OAAO,EAAEF,OAAQ;IACjB,SAAS,EAAE,MAAMC,UAAU,CAAC,IAAI,CAAE;IAClC,YAAY,EAAE,MAAMA,UAAU,CAAC,KAAK,CAAE;IACtC,QAAQ,EAAE,MAAMA,UAAU,CAAC,KAAK;EAAE,EAClC,CACQ;AAEhB"}

package/dist/esm/visual-property-form/components/MenuEditor/MenuEditorItem.js

@@ -5,7 +5,6 @@ import { GeneralIcon } from "@next-libs/basic-components";
 import { InstanceApi_getDetail } from "@next-sdk/cmdb-sdk";
 export function MenuEditorItem(props) {
   var [options, setOptions] = useState([]);
-
   var getMenu = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(function* () {
       var result = yield InstanceApi_getDetail("PROJECT_MICRO_APP", props.projectId, {
@@ -17,16 +16,13 @@ export function MenuEditorItem(props) {
       }));
       setOptions(options);
     });
-
     return function getMenu() {
       return _ref.apply(this, arguments);
     };
   }();
-
   var handleMenuSettingClick = () => {
     props.menuSettingClick();
   };
-
   useEffect(() => {
     if (props.projectId) {
       getMenu();

package/dist/esm/visual-property-form/components/MenuEditor/MenuEditorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuEditorItem.js","names":["React","useState","useEffect","Form","Select","Tooltip","GeneralIcon","InstanceApi_getDetail","MenuEditorItem","props","options","setOptions","getMenu","result","projectId","fields","menus","map","item","value","menuId","label","handleMenuSettingClick","menuSettingClick","display","alignItems","name","required","message","width","input","option","toLocaleLowerCase","indexOf","fontSize","marginTop","marginLeft","cursor","category","color","icon","lib"],"sources":["../../../../../src/visual-property-form/components/MenuEditor/MenuEditorItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Form, Select, Tooltip } from \"antd\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { InstanceApi_getDetail } from \"@next-sdk/cmdb-sdk\";\n\ninterface MenuEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  value?: string;\n  required?: boolean;\n  projectId?: string;\n  menuSettingClick?: () => void;\n}\n\nexport function MenuEditorItem(props: MenuEditorItemProps): React.ReactElement {\n  const [options, setOptions] = useState([]);\n\n  const getMenu = async () => {\n    const result = await InstanceApi_getDetail(\n      \"PROJECT_MICRO_APP\",\n      props.projectId,\n      {\n        fields: \"menus.menuId\",\n      }\n    );\n\n    const options = result.menus.map((item: Record<string, any>) => ({\n      value: item.menuId,\n      label: item.menuId,\n    }));\n    setOptions(options);\n  };\n\n  const handleMenuSettingClick = () => {\n    props.menuSettingClick();\n  };\n\n  useEffect(() => {\n    if (props.projectId) {\n      getMenu();\n    }\n  }, []);\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n      }}\n    >\n      <Form.Item\n        key={props.name}\n        name={props.name}\n        label={props.label}\n        rules={[{ required: props.required, message: `请输入${props.name}` }]}\n      >\n        <Select\n          style={{\n            width: \"300px\",\n          }}\n          options={options}\n          showSearch\n          allowClear\n          placeholder=\"Select a menu id\"\n          filterOption={(input, option) =>\n            (option.label as string)\n              .toLocaleLowerCase()\n              .indexOf(input.toLocaleLowerCase()) >= 0 ||\n            (option.value as string)\n              .toLocaleLowerCase()\n              .indexOf(input.toLocaleLowerCase()) >= 0\n          }\n        />\n      </Form.Item>\n      <div\n        style={{\n          fontSize: \"18px\",\n          marginTop: \"10px\",\n          marginLeft: \"10px\",\n          cursor: \"pointer\",\n          display: \"inline-block\",\n        }}\n      >\n        <Tooltip title=\"配置菜单数据\">\n          {\" \"}\n          <GeneralIcon\n            icon={{\n              category: \"app\",\n              color: \"blue\",\n              icon: \"launchpad-setting\",\n              lib: \"easyops\",\n            }}\n            onClick={handleMenuSettingClick}\n          />\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,IAAT,EAAeC,MAAf,EAAuBC,OAAvB,QAAsC,MAAtC;AACA,SAASC,WAAT,QAA4B,6BAA5B;AACA,SAASC,qBAAT,QAAsC,oBAAtC;AAWA,OAAO,SAASC,cAAT,CAAwBC,KAAxB,EAAwE;EAC7E,IAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBV,QAAQ,CAAC,EAAD,CAAtC;;EAEA,IAAMW,OAAO;IAAA,6BAAG,aAAY;MAC1B,IAAMC,MAAM,SAASN,qBAAqB,CACxC,mBADwC,EAExCE,KAAK,CAACK,SAFkC,EAGxC;QACEC,MAAM,EAAE;MADV,CAHwC,CAA1C;MAQA,IAAML,OAAO,GAAGG,MAAM,CAACG,KAAP,CAAaC,GAAb,CAAkBC,IAAD,KAAgC;QAC/DC,KAAK,EAAED,IAAI,CAACE,MADmD;QAE/DC,KAAK,EAAEH,IAAI,CAACE;MAFmD,CAAhC,CAAjB,CAAhB;MAIAT,UAAU,CAACD,OAAD,CAAV;IACD,CAdY;;IAAA,gBAAPE,OAAO;MAAA;IAAA;EAAA,GAAb;;EAgBA,IAAMU,sBAAsB,GAAG,MAAM;IACnCb,KAAK,CAACc,gBAAN;EACD,CAFD;;EAIArB,SAAS,CAAC,MAAM;IACd,IAAIO,KAAK,CAACK,SAAV,EAAqB;MACnBF,OAAO;IACR;EACF,CAJQ,EAIN,EAJM,CAAT;EAMA,oBACE;IACE,KAAK,EAAE;MACLY,OAAO,EAAE,MADJ;MAELC,UAAU,EAAE;IAFP;EADT,gBAME,oBAAC,IAAD,CAAM,IAAN;IACE,GAAG,EAAEhB,KAAK,CAACiB,IADb;IAEE,IAAI,EAAEjB,KAAK,CAACiB,IAFd;IAGE,KAAK,EAAEjB,KAAK,CAACY,KAHf;IAIE,KAAK,EAAE,CAAC;MAAEM,QAAQ,EAAElB,KAAK,CAACkB,QAAlB;MAA4BC,OAAO,8BAAQnB,KAAK,CAACiB,IAAd;IAAnC,CAAD;EAJT,gBAME,oBAAC,MAAD;IACE,KAAK,EAAE;MACLG,KAAK,EAAE;IADF,CADT;IAIE,OAAO,EAAEnB,OAJX;IAKE,UAAU,MALZ;IAME,UAAU,MANZ;IAOE,WAAW,EAAC,kBAPd;IAQE,YAAY,EAAE,CAACoB,KAAD,EAAQC,MAAR,KACXA,MAAM,CAACV,KAAR,CACGW,iBADH,GAEGC,OAFH,CAEWH,KAAK,CAACE,iBAAN,EAFX,KAEyC,CAFzC,IAGCD,MAAM,CAACZ,KAAR,CACGa,iBADH,GAEGC,OAFH,CAEWH,KAAK,CAACE,iBAAN,EAFX,KAEyC;EAd7C,EANF,CANF,eA8BE;IACE,KAAK,EAAE;MACLE,QAAQ,EAAE,MADL;MAELC,SAAS,EAAE,MAFN;MAGLC,UAAU,EAAE,MAHP;MAILC,MAAM,EAAE,SAJH;MAKLb,OAAO,EAAE;IALJ;EADT,gBASE,oBAAC,OAAD;IAAS,KAAK,EAAC;EAAf,GACG,GADH,eAEE,oBAAC,WAAD;IACE,IAAI,EAAE;MACJc,QAAQ,EAAE,KADN;MAEJC,KAAK,EAAE,MAFH;MAGJC,IAAI,EAAE,mBAHF;MAIJC,GAAG,EAAE;IAJD,CADR;IAOE,OAAO,EAAEnB;EAPX,EAFF,CATF,CA9BF,CADF;AAuDD"}
+{"version":3,"file":"MenuEditorItem.js","names":["React","useState","useEffect","Form","Select","Tooltip","GeneralIcon","InstanceApi_getDetail","MenuEditorItem","props","options","setOptions","getMenu","result","projectId","fields","menus","map","item","value","menuId","label","handleMenuSettingClick","menuSettingClick","display","alignItems","name","required","message","width","input","option","toLocaleLowerCase","indexOf","fontSize","marginTop","marginLeft","cursor","category","color","icon","lib"],"sources":["../../../../../src/visual-property-form/components/MenuEditor/MenuEditorItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { Form, Select, Tooltip } from \"antd\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { InstanceApi_getDetail } from \"@next-sdk/cmdb-sdk\";\n\ninterface MenuEditorItemProps {\n  name?: string;\n  label?: string | React.ReactElement;\n  value?: string;\n  required?: boolean;\n  projectId?: string;\n  menuSettingClick?: () => void;\n}\n\nexport function MenuEditorItem(props: MenuEditorItemProps): React.ReactElement {\n  const [options, setOptions] = useState([]);\n\n  const getMenu = async () => {\n    const result = await InstanceApi_getDetail(\n      \"PROJECT_MICRO_APP\",\n      props.projectId,\n      {\n        fields: \"menus.menuId\",\n      }\n    );\n\n    const options = result.menus.map((item: Record<string, any>) => ({\n      value: item.menuId,\n      label: item.menuId,\n    }));\n    setOptions(options);\n  };\n\n  const handleMenuSettingClick = () => {\n    props.menuSettingClick();\n  };\n\n  useEffect(() => {\n    if (props.projectId) {\n      getMenu();\n    }\n  }, []);\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        alignItems: \"center\",\n      }}\n    >\n      <Form.Item\n        key={props.name}\n        name={props.name}\n        label={props.label}\n        rules={[{ required: props.required, message: `请输入${props.name}` }]}\n      >\n        <Select\n          style={{\n            width: \"300px\",\n          }}\n          options={options}\n          showSearch\n          allowClear\n          placeholder=\"Select a menu id\"\n          filterOption={(input, option) =>\n            (option.label as string)\n              .toLocaleLowerCase()\n              .indexOf(input.toLocaleLowerCase()) >= 0 ||\n            (option.value as string)\n              .toLocaleLowerCase()\n              .indexOf(input.toLocaleLowerCase()) >= 0\n          }\n        />\n      </Form.Item>\n      <div\n        style={{\n          fontSize: \"18px\",\n          marginTop: \"10px\",\n          marginLeft: \"10px\",\n          cursor: \"pointer\",\n          display: \"inline-block\",\n        }}\n      >\n        <Tooltip title=\"配置菜单数据\">\n          {\" \"}\n          <GeneralIcon\n            icon={{\n              category: \"app\",\n              color: \"blue\",\n              icon: \"launchpad-setting\",\n              lib: \"easyops\",\n            }}\n            onClick={handleMenuSettingClick}\n          />\n        </Tooltip>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,MAAM,EAAEC,OAAO,QAAQ,MAAM;AAC5C,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,qBAAqB,QAAQ,oBAAoB;AAW1D,OAAO,SAASC,cAAc,CAACC,KAA0B,EAAsB;EAC7E,IAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,EAAE,CAAC;EAE1C,IAAMW,OAAO;IAAA,6BAAG,aAAY;MAC1B,IAAMC,MAAM,SAASN,qBAAqB,CACxC,mBAAmB,EACnBE,KAAK,CAACK,SAAS,EACf;QACEC,MAAM,EAAE;MACV,CAAC,CACF;MAED,IAAML,OAAO,GAAGG,MAAM,CAACG,KAAK,CAACC,GAAG,CAAEC,IAAyB,KAAM;QAC/DC,KAAK,EAAED,IAAI,CAACE,MAAM;QAClBC,KAAK,EAAEH,IAAI,CAACE;MACd,CAAC,CAAC,CAAC;MACHT,UAAU,CAACD,OAAO,CAAC;IACrB,CAAC;IAAA,gBAdKE,OAAO;MAAA;IAAA;EAAA,GAcZ;EAED,IAAMU,sBAAsB,GAAG,MAAM;IACnCb,KAAK,CAACc,gBAAgB,EAAE;EAC1B,CAAC;EAEDrB,SAAS,CAAC,MAAM;IACd,IAAIO,KAAK,CAACK,SAAS,EAAE;MACnBF,OAAO,EAAE;IACX;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE;IACE,KAAK,EAAE;MACLY,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd;EAAE,gBAEF,oBAAC,IAAI,CAAC,IAAI;IACR,GAAG,EAAEhB,KAAK,CAACiB,IAAK;IAChB,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjB,KAAK,EAAEjB,KAAK,CAACY,KAAM;IACnB,KAAK,EAAE,CAAC;MAAEM,QAAQ,EAAElB,KAAK,CAACkB,QAAQ;MAAEC,OAAO,8BAAQnB,KAAK,CAACiB,IAAI;IAAG,CAAC;EAAE,gBAEnE,oBAAC,MAAM;IACL,KAAK,EAAE;MACLG,KAAK,EAAE;IACT,CAAE;IACF,OAAO,EAAEnB,OAAQ;IACjB,UAAU;IACV,UAAU;IACV,WAAW,EAAC,kBAAkB;IAC9B,YAAY,EAAE,CAACoB,KAAK,EAAEC,MAAM,KACzBA,MAAM,CAACV,KAAK,CACVW,iBAAiB,EAAE,CACnBC,OAAO,CAACH,KAAK,CAACE,iBAAiB,EAAE,CAAC,IAAI,CAAC,IACzCD,MAAM,CAACZ,KAAK,CACVa,iBAAiB,EAAE,CACnBC,OAAO,CAACH,KAAK,CAACE,iBAAiB,EAAE,CAAC,IAAI;EAC1C,EACD,CACQ,eACZ;IACE,KAAK,EAAE;MACLE,QAAQ,EAAE,MAAM;MAChBC,SAAS,EAAE,MAAM;MACjBC,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,SAAS;MACjBb,OAAO,EAAE;IACX;EAAE,gBAEF,oBAAC,OAAO;IAAC,KAAK,EAAC;EAAQ,GACpB,GAAG,eACJ,oBAAC,WAAW;IACV,IAAI,EAAE;MACJc,QAAQ,EAAE,KAAK;MACfC,KAAK,EAAE,MAAM;MACbC,IAAI,EAAE,mBAAmB;MACzBC,GAAG,EAAE;IACP,CAAE;IACF,OAAO,EAAEnB;EAAuB,EAChC,CACM,CACN,CACF;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"constant.js","names":["groupI18nMap","basic","en","zh","ui","advanced","basicFormItem","advancedFormItem","other","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","defaultCommonProps","name","type","description","group","groupI18N"],"sources":["../../../src/visual-property-form/constant.ts"],"sourcesContent":["import { PropertyType } from \"../interfaces\";\n\nexport const groupI18nMap = {\n  basic: {\n    en: \"Basic\",\n    zh: \"常用\",\n  },\n  ui: {\n    en: \"UI\",\n    zh: \"外观\",\n  },\n  advanced: {\n    en: \"Advanced\",\n    zh: \"高级\",\n  },\n  basicFormItem: {\n    en: \"Basic Form Item\",\n    zh: \"表单项常用\",\n  },\n  advancedFormItem: {\n    en: \"Advanced Form Item\",\n    zh: \"表单项高级\",\n  },\n  other: {\n    en: \"Other\",\n    zh: \"其他\",\n  },\n};\n\nexport const supportBasicType = [\n  \"boolean\",\n  \"number\",\n  \"string\",\n  \"string[]\",\n  \"MenuIcon\",\n  \"Color\",\n];\n\nexport const supportMenuType = [\"Menu\", \"SidebarSubMenu\"];\n\nexport const OTHER_FORM_ITEM_FIELD = \"others\";\n\nexport const defaultCommonProps: PropertyType[] = [\n  {\n    name: \"id\",\n    type: \"string\",\n    description: \"构件 ID\",\n    group: \"basic\",\n    groupI18N: groupI18nMap,\n  },\n  {\n    name: \"style\",\n    type: \"Record<string, any>\",\n    description: \"构件样式\",\n    group: \"ui\",\n    groupI18N: groupI18nMap,\n  },\n];\n"],"mappings":"AAEA,OAAO,IAAMA,YAAY,GAAG;EAC1BC,KAAK,EAAE;IACLC,EAAE,EAAE,OADC;IAELC,EAAE,EAAE;EAFC,CADmB;EAK1BC,EAAE,EAAE;IACFF,EAAE,EAAE,IADF;IAEFC,EAAE,EAAE;EAFF,CALsB;EAS1BE,QAAQ,EAAE;IACRH,EAAE,EAAE,UADI;IAERC,EAAE,EAAE;EAFI,CATgB;EAa1BG,aAAa,EAAE;IACbJ,EAAE,EAAE,iBADS;IAEbC,EAAE,EAAE;EAFS,CAbW;EAiB1BI,gBAAgB,EAAE;IAChBL,EAAE,EAAE,oBADY;IAEhBC,EAAE,EAAE;EAFY,CAjBQ;EAqB1BK,KAAK,EAAE;IACLN,EAAE,EAAE,OADC;IAELC,EAAE,EAAE;EAFC;AArBmB,CAArB;AA2BP,OAAO,IAAMM,gBAAgB,GAAG,CAC9B,SAD8B,EAE9B,QAF8B,EAG9B,QAH8B,EAI9B,UAJ8B,EAK9B,UAL8B,EAM9B,OAN8B,CAAzB;AASP,OAAO,IAAMC,eAAe,GAAG,CAAC,MAAD,EAAS,gBAAT,CAAxB;AAEP,OAAO,IAAMC,qBAAqB,GAAG,QAA9B;AAEP,OAAO,IAAMC,kBAAkC,GAAG,CAChD;EACEC,IAAI,EAAE,IADR;EAEEC,IAAI,EAAE,QAFR;EAGEC,WAAW,EAAE,OAHf;EAIEC,KAAK,EAAE,OAJT;EAKEC,SAAS,EAAEjB;AALb,CADgD,EAQhD;EACEa,IAAI,EAAE,OADR;EAEEC,IAAI,EAAE,qBAFR;EAGEC,WAAW,EAAE,MAHf;EAIEC,KAAK,EAAE,IAJT;EAKEC,SAAS,EAAEjB;AALb,CARgD,CAA3C"}
+{"version":3,"file":"constant.js","names":["groupI18nMap","basic","en","zh","ui","advanced","basicFormItem","advancedFormItem","other","supportBasicType","supportMenuType","OTHER_FORM_ITEM_FIELD","defaultCommonProps","name","type","description","group","groupI18N"],"sources":["../../../src/visual-property-form/constant.ts"],"sourcesContent":["import { PropertyType } from \"../interfaces\";\n\nexport const groupI18nMap = {\n  basic: {\n    en: \"Basic\",\n    zh: \"常用\",\n  },\n  ui: {\n    en: \"UI\",\n    zh: \"外观\",\n  },\n  advanced: {\n    en: \"Advanced\",\n    zh: \"高级\",\n  },\n  basicFormItem: {\n    en: \"Basic Form Item\",\n    zh: \"表单项常用\",\n  },\n  advancedFormItem: {\n    en: \"Advanced Form Item\",\n    zh: \"表单项高级\",\n  },\n  other: {\n    en: \"Other\",\n    zh: \"其他\",\n  },\n};\n\nexport const supportBasicType = [\n  \"boolean\",\n  \"number\",\n  \"string\",\n  \"string[]\",\n  \"MenuIcon\",\n  \"Color\",\n];\n\nexport const supportMenuType = [\"Menu\", \"SidebarSubMenu\"];\n\nexport const OTHER_FORM_ITEM_FIELD = \"others\";\n\nexport const defaultCommonProps: PropertyType[] = [\n  {\n    name: \"id\",\n    type: \"string\",\n    description: \"构件 ID\",\n    group: \"basic\",\n    groupI18N: groupI18nMap,\n  },\n  {\n    name: \"style\",\n    type: \"Record<string, any>\",\n    description: \"构件样式\",\n    group: \"ui\",\n    groupI18N: groupI18nMap,\n  },\n];\n"],"mappings":"AAEA,OAAO,IAAMA,YAAY,GAAG;EAC1BC,KAAK,EAAE;IACLC,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE;EACN,CAAC;EACDC,EAAE,EAAE;IACFF,EAAE,EAAE,IAAI;IACRC,EAAE,EAAE;EACN,CAAC;EACDE,QAAQ,EAAE;IACRH,EAAE,EAAE,UAAU;IACdC,EAAE,EAAE;EACN,CAAC;EACDG,aAAa,EAAE;IACbJ,EAAE,EAAE,iBAAiB;IACrBC,EAAE,EAAE;EACN,CAAC;EACDI,gBAAgB,EAAE;IAChBL,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE;EACN,CAAC;EACDK,KAAK,EAAE;IACLN,EAAE,EAAE,OAAO;IACXC,EAAE,EAAE;EACN;AACF,CAAC;AAED,OAAO,IAAMM,gBAAgB,GAAG,CAC9B,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,OAAO,CACR;AAED,OAAO,IAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAEzD,OAAO,IAAMC,qBAAqB,GAAG,QAAQ;AAE7C,OAAO,IAAMC,kBAAkC,GAAG,CAChD;EACEC,IAAI,EAAE,IAAI;EACVC,IAAI,EAAE,QAAQ;EACdC,WAAW,EAAE,OAAO;EACpBC,KAAK,EAAE,OAAO;EACdC,SAAS,EAAEjB;AACb,CAAC,EACD;EACEa,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,qBAAqB;EAC3BC,WAAW,EAAE,MAAM;EACnBC,KAAK,EAAE,IAAI;EACXC,SAAS,EAAEjB;AACb,CAAC,CACF"}