@next-libs/visual-builder 1.1.0

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

@@ -0,0 +1,253 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import React, { useEffect, useImperativeHandle, useState } from "react";
+import { Form, Input, InputNumber, Radio, Select, Tooltip, Collapse, Empty } from "antd";
+import { useCurrentTheme } from "@next-core/brick-kit";
+import { GeneralIcon } from "@next-libs/basic-components";
+import update from "immutability-helper";
+import { isNil, pick, upperFirst, isEmpty } from "lodash";
+import styles from "./VisualPropertyForm.module.css";
+import { CodeEditorFormItem } from "./components/CodeEditor/CodeEditorFormItem";
+import { IconSelectFormItem } from "./components/IconSelect/IconSelectFormItem";
+import { ColorEditorItem } from "./components/ColorEditor/ColorEditorItem";
+import { MenuEditorItem } from "./components/MenuEditor/MenuEditorItem";
+import { ReactComponent as DarkEmpty } from "./images/empty-dark.svg";
+import { mergeProperties, calculateValue, groupByType, yamlStringify } from "./processor";
+import { OTHER_FORM_ITEM_FIELD, supportMenuType } from "./constant";
+import { matchNoramlMenuValue } from "./processor";
+import { ItemModeType, Required } from "../interfaces";
+export function LegacyVisualPropertyForm(props, ref) {
+  var _groupByType;
+
+  var theme = useCurrentTheme();
+  var {
+    projectId,
+    labelIcon,
+    propertyTypeList,
+    brickProperties,
+    brickInfo,
+    emptyConfig,
+    menuSettingClick
+  } = props;
+  var [form] = Form.useForm();
+  var [typeList, setTypeList] = useState(mergeProperties(propertyTypeList, brickProperties));
+  useImperativeHandle(ref, () => ({
+    validateFields: form.validateFields,
+    resetPropertyFields: (typeList, properties) => {
+      var restValue = mergeProperties(typeList, properties);
+      setTypeList(restValue);
+      form.resetFields();
+    },
+    getCurTypeList: () => {
+      return typeList === null || typeList === void 0 ? void 0 : typeList.map(item => pick(item, ["name", "type", "mode"]));
+    }
+  }));
+  useEffect(() => {
+    var newTypeList = mergeProperties(propertyTypeList, brickProperties);
+    setTypeList(newTypeList);
+    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);
+      }
+    } else if (isNil(selected.value)) {
+      value = "";
+    } else {
+      value = yamlStringify(selected.value);
+    }
+
+    form.setFieldsValue({
+      [name]: value
+    });
+    var newTypeList = update(typeList, {
+      $splice: [[index, 1, _objectSpread(_objectSpread({}, selected), {}, {
+        mode: nextMode
+      })]]
+    });
+    setTypeList(newTypeList);
+  };
+
+  var renderLabel = (item, hideIcon) => {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Tooltip, {
+      title: item.description
+    }, item.name), " ", !hideIcon && labelIcon && /*#__PURE__*/React.createElement("span", {
+      className: styles.iconContainer,
+      onClick: () => handleLabelClick(item.name)
+    }, /*#__PURE__*/React.createElement(GeneralIcon, {
+      icon: item.mode === ItemModeType.Advanced ? labelIcon === null || labelIcon === void 0 ? void 0 : labelIcon.advanced : labelIcon.normal
+    })));
+  };
+
+  var renderEditorItem = (item, hideIcon) => {
+    return /*#__PURE__*/React.createElement(CodeEditorFormItem, {
+      key: item.name,
+      name: item.name,
+      label: renderLabel(item, hideIcon),
+      required: item.required === Required.True,
+      theme: theme === "dark-v2" ? "monokai" : "tomorrow",
+      jsonSchema: item === null || item === void 0 ? void 0 : item.jsonSchema,
+      schemaRef: item === null || item === void 0 ? void 0 : item.schemaRef,
+      mode: "brick_next_yaml"
+    });
+  };
+
+  var renderStringItem = item => {
+    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(Input, null));
+  };
+
+  var renderBooleanItem = item => {
+    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(Radio.Group, null, /*#__PURE__*/React.createElement(Radio, {
+      value: true
+    }, "true"), /*#__PURE__*/React.createElement(Radio, {
+      value: false
+    }, "false")));
+  };
+
+  var renderInputNumberItem = item => {
+    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, null));
+  };
+
+  var renderStringListItem = item => {
+    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, {
+      mode: "tags"
+    }));
+  };
+
+  var renderIconItem = item => {
+    return /*#__PURE__*/React.createElement(IconSelectFormItem, {
+      key: item.name,
+      name: item.name,
+      label: renderLabel(item, true),
+      required: item.required === Required.True
+    });
+  };
+
+  var renderCodeEditorItem = item => {
+    return renderEditorItem(item, true);
+  };
+
+  var renderColorItem = item => {
+    return /*#__PURE__*/React.createElement(ColorEditorItem, {
+      key: item.name,
+      name: item.name,
+      label: renderLabel(item, true),
+      required: item.required === Required.True
+    });
+  };
+
+  var renderMenuItem = item => {
+    return item.mode === ItemModeType.Advanced ? renderEditorItem(item) : /*#__PURE__*/React.createElement(MenuEditorItem, {
+      projectId: projectId,
+      key: item.name,
+      name: item.name,
+      label: renderLabel(item),
+      required: item.required === Required.True,
+      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);
+    }
+  };
+
+  return isEmpty(typeList) ? /*#__PURE__*/React.createElement(Empty, {
+    className: styles.empty,
+    description: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.description,
+    image: theme === "dark-v2" ? /*#__PURE__*/React.createElement(DarkEmpty, null) : Empty.PRESENTED_IMAGE_SIMPLE,
+    imageStyle: emptyConfig === null || emptyConfig === void 0 ? void 0 : emptyConfig.imageStyle
+  }) : /*#__PURE__*/React.createElement(Form, {
+    name: "propertyForm",
+    layout: "vertical",
+    form: form,
+    onValuesChange: props.onValuesChange,
+    initialValues: calculateValue(propertyTypeList, brickProperties, typeList)
+  }, /*#__PURE__*/React.createElement(Collapse, {
+    ghost: true,
+    defaultActiveKey: "0",
+    className: styles.panelContainer
+  }, (_groupByType = groupByType(typeList)) === null || _groupByType === void 0 ? void 0 : _groupByType.map((_ref, index) => {
+    var [category, list] = _ref;
+    return /*#__PURE__*/React.createElement(Collapse.Panel, {
+      header: upperFirst(category),
+      key: index,
+      forceRender: true
+    }, list.map(item => getFormItem(item)));
+  }), /*#__PURE__*/React.createElement(Collapse.Panel, {
+    className: styles.otherPanel,
+    forceRender: true,
+    header: upperFirst(OTHER_FORM_ITEM_FIELD),
+    key: OTHER_FORM_ITEM_FIELD
+  }, /*#__PURE__*/React.createElement(CodeEditorFormItem, {
+    name: OTHER_FORM_ITEM_FIELD,
+    label: (brickInfo === null || brickInfo === void 0 ? void 0 : brickInfo.type) === "template" ? "other params" : "other properties",
+    mode: "brick_next_yaml",
+    maxLines: Infinity
+  }))));
+}
+export var VisualPropertyForm = /*#__PURE__*/React.forwardRef(LegacyVisualPropertyForm);
+//# sourceMappingURL=VisualPropertyForm.js.map

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

@@ -0,0 +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","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","renderStringItem","message","renderBooleanItem","renderInputNumberItem","renderStringListItem","renderIconItem","renderCodeEditorItem","renderColorItem","renderMenuItem","getFormItem","empty","PRESENTED_IMAGE_SIMPLE","imageStyle","onValuesChange","panelContainer","category","list","otherPanel","Infinity","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}\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    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 = (item: UnionPropertyType, hideIcon?: boolean) => {\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=\"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  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      <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          <CodeEditorFormItem\n            name={OTHER_FORM_ITEM_FIELD}\n            label={\n              brickInfo?.type === \"template\"\n                ? \"other params\"\n                : \"other properties\"\n            }\n            mode=\"brick_next_yaml\"\n            maxLines={Infinity}\n          />\n        </Collapse.Panel>\n      </Collapse>\n    </Form>\n  );\n}\n\nexport const VisualPropertyForm = React.forwardRef(LegacyVisualPropertyForm);\n"],"mappings":"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"}

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

@@ -0,0 +1,33 @@
+.iconContainer {
+  cursor: pointer;
+}
+
+.panelContainer {
+  > :global(.ant-collapse-item) {
+    > :global(.ant-collapse-header) {
+      font-size: 16px;
+      font-weight: 500;
+      > :global(.ant-collapse-arrow) {
+        top: 6px;
+        color: var(--antd-btn-default-color);
+      }
+    }
+
+    > :global(.ant-collapse-content) {
+      > :global(.ant-collapse-content-box) {
+        padding: 0 20px;
+      }
+    }
+  }
+}
+
+.otherPanel {
+  /* hiden temporary */
+  display: none;
+}
+
+.empty {
+  :global(.ant-empty-description) {
+    color: var(--color-disabled-text);
+  }
+}

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

@@ -0,0 +1,58 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "label"];
+import React, { useState } from "react";
+import { some } from "lodash";
+import { Form } from "antd";
+import { CodeEditorItem } from "@next-libs/code-editor-components";
+export function CodeEditorFormItem(props) {
+  var {
+    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) {
+        return Promise.resolve();
+      } else {
+        return Promise.reject("请填写正确的 yaml 语法");
+      }
+    });
+
+    return function validatorFn() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    key: props.name,
+    name: props.name,
+    label: props.label,
+    rules: [{
+      required: props.required,
+      message: "\u8BF7\u8F93\u5165".concat(props.name)
+    }, {
+      validator: validatorFn
+    }]
+  }, /*#__PURE__*/React.createElement(CodeEditorItem, _extends({
+    tabSize: 2,
+    minLines: 5,
+    maxLines: 12,
+    printMargin: false,
+    showLineNumbers: false,
+    theme: "tomorrow",
+    enableLiveAutocompletion: true,
+    onValidate: handleValidate
+  }, rest)));
+}
+//# sourceMappingURL=CodeEditorFormItem.js.map

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

@@ -0,0 +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        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,KAAK,EAAC,UANR;IAOE,wBAAwB,EAAE,IAP5B;IAQE,UAAU,EAAEH;EARd,GASMH,IATN,EATF,CADF;AAuBD"}

package/dist/esm/visual-property-form/components/ColorEditor/ColorEditor.module.css

@@ -0,0 +1,32 @@
+.colorContainer {
+  position: relative;
+
+  > .colorCube {
+    display: inline-block;
+    padding: 5px;
+    border-radius: 1px;
+    box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px;
+    cursor: pointer;
+
+    > .colorContent {
+      width: 36px;
+      height: 14px;
+      border-radius: 2px;
+    }
+  }
+
+  > .popover {
+    position: absolute;
+    z-index: 2;
+    left: 55px;
+    top: -130px;
+
+    > .cover {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+  }
+}

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

@@ -0,0 +1,81 @@
+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) {
+  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) {
+  var [value, setValue] = useState(props.value);
+  var [visible, setVisible] = useState(false);
+  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", {
+    className: styles.colorCube,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.colorContent,
+    style: {
+      backgroundColor: value
+    }
+  })), visible && /*#__PURE__*/React.createElement("div", {
+    className: styles.popover
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.cover,
+    onClick: () => setVisible(false)
+  }), /*#__PURE__*/React.createElement(SketchPicker, {
+    width: "230px",
+    ref: ref,
+    color: value,
+    onChangeComplete: handleChangeComplete,
+    presetColors: getPresetColors(COLORS_MAP)
+  })));
+}
+export var ColorPick = /*#__PURE__*/forwardRef(LegacyColorPick);
+export function ColorEditorItem(props) {
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    key: props.name,
+    name: props.name,
+    label: props.label,
+    rules: [{
+      required: props.required,
+      message: "\u8BF7\u8F93\u5165".concat(props.name)
+    }]
+  }, /*#__PURE__*/React.createElement(ColorPick, null));
+}
+//# sourceMappingURL=ColorEditorItem.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,23 @@
+import React, { useState } from "react";
+import { Form } from "antd";
+import { IconSelectItem } from "@next-libs/forms";
+export function IconSelectFormItem(props) {
+  var [visible, setVisible] = useState(false);
+  return /*#__PURE__*/React.createElement(Form.Item, {
+    key: props.name,
+    name: props.name,
+    label: props.label,
+    rules: [{
+      required: props.required,
+      message: "\u8BF7\u8F93\u5165".concat(props.name)
+    }]
+  }, /*#__PURE__*/React.createElement(IconSelectItem, {
+    setColor: true,
+    bg: true,
+    visible: visible,
+    openModal: () => setVisible(true),
+    handleCancel: () => setVisible(false),
+    onChange: () => setVisible(false)
+  }));
+}
+//# sourceMappingURL=IconSelectFormItem.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,77 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import React, { useState, useEffect } from "react";
+import { Form, Select, Tooltip } from "antd";
+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, {
+        fields: "menus.menuId"
+      });
+      var options = result.menus.map(item => ({
+        value: item.menuId,
+        label: item.menuId
+      }));
+      setOptions(options);
+    });
+
+    return function getMenu() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  var handleMenuSettingClick = () => {
+    props.menuSettingClick();
+  };
+
+  useEffect(() => {
+    if (props.projectId) {
+      getMenu();
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    key: props.name,
+    name: props.name,
+    label: props.label,
+    rules: [{
+      required: props.required,
+      message: "\u8BF7\u8F93\u5165".concat(props.name)
+    }]
+  }, /*#__PURE__*/React.createElement(Select, {
+    style: {
+      width: "300px"
+    },
+    options: options,
+    showSearch: true,
+    allowClear: true,
+    placeholder: "Select a menu id",
+    filterOption: (input, option) => option.label.toLocaleLowerCase().indexOf(input.toLocaleLowerCase()) >= 0 || option.value.toLocaleLowerCase().indexOf(input.toLocaleLowerCase()) >= 0
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "18px",
+      marginTop: "10px",
+      marginLeft: "10px",
+      cursor: "pointer",
+      display: "inline-block"
+    }
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u914D\u7F6E\u83DC\u5355\u6570\u636E"
+  }, " ", /*#__PURE__*/React.createElement(GeneralIcon, {
+    icon: {
+      category: "app",
+      color: "blue",
+      icon: "launchpad-setting",
+      lib: "easyops"
+    },
+    onClick: handleMenuSettingClick
+  }))));
+}
+//# sourceMappingURL=MenuEditorItem.js.map

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

@@ -0,0 +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"}