@luck-design-biz/luckda 0.0.27 → 1.0.0-10-alpha

package/lib/lowcode/painter/components/RuleInput.js

@@ -7,13 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _ruleInput = _interopRequireDefault(require("../style/rule-input.less"));
-var _excluded = ["onValueChange", "rules", "value"];
+var _excluded = ["onValueChange", "rules", "value", "defaultValue"];
 /**
  * 带校验功能的输入组件。
  *
@@ -49,8 +52,9 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
   var onValueChange = _ref.onValueChange,
     rules = _ref.rules,
     value = _ref.value,
+    defaultValue = _ref.defaultValue,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(value),
+  var _useState = (0, _react.useState)(value || defaultValue),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1]; // 托管输入值的状态
@@ -60,7 +64,7 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
     setErr = _useState4[1];
 
   // 使用useEffect钩子监听value的变化
-  (0, _react.useEffect)(function () {
+  (0, _ahooks.useUpdateEffect)(function () {
     setInputValue(value);
     setErr(null);
   }, [value]);
@@ -68,7 +72,6 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
     var value = e.target.value;
     setInputValue(value); // 更新托管的输入值
 
-    if (value == '') onValueChange(e, value);
     var error = null;
 
     // 遍历rules，检查输入值是否满足条件
@@ -92,16 +95,14 @@ var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(function (_
       onValueChange(e, value);
     } else {
       setErr(error);
-      console.log('err', error);
+      console.error(error);
     }
   };
-  var className = _ruleInput.default['lc-painter-components-ruleinput'];
-  if (err) className += ' ' + _ruleInput.default['err'];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
     title: err,
     visible: err
   }, /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _extends2.default)({
-    className: className,
+    className: (0, _classnames.default)(_ruleInput.default['lc-painter-components-ruleinput'], (0, _defineProperty2.default)({}, _ruleInput.default.err, !!err)),
     size: "small",
     value: inputValue // 绑定输入值
     ,

package/lib/lowcode/painter/components/SortBox.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SortItem = exports.SortBox = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _excluded = ["datas", "children", "onChange", "strategy", "onDragEnd"];
+/**
+ * SortBox 是一个使用 dnd-kit 实现拖拽排序的组件。
+ * 它允许子元素通过拖拽操作来重新排序，并在排序操作完成后通过 onChange 回调传递新的排序结果。
+ * 
+ * @param {Object} props 组件的 props。
+ * @param {Array} props.datas 初始排序的数据数组，通常包含用于排序的唯一标识符。
+ * @param {ReactNode} props.children 组件的子元素，通常是需要进行排序的元素集合。
+ * @param {Function} props.onChange 当排序操作完成时触发的回调函数，参数为重新排序后的数据数组。
+ * @param {Function} [props.strategy=verticalListSortingStrategy] 用于排序的策略。默认为垂直列表排序策略。
+ * 
+ * @returns {ReactNode} 返回一个配置了 DndContext 和 SortableContext 的 React 组件结构。
+ */
+var SortBox = exports.SortBox = function SortBox(_ref) {
+  var datas = _ref.datas,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    strategy = _ref.strategy,
+    onDragEnd = _ref.onDragEnd,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(datas),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    items = _useState2[0],
+    setItems = _useState2[1];
+  var sortStrategy = strategy !== null && strategy !== void 0 ? strategy : _sortable.verticalListSortingStrategy;
+  (0, _react.useEffect)(function () {
+    setItems(datas);
+  }, [datas]);
+  function handleDragEnd(event) {
+    onDragEnd && onDragEnd(event);
+    var active = event.active,
+      over = event.over;
+    if (!active || !over) return;
+    if (active.id !== over.id) {
+      setItems(function (items) {
+        var oldIndex = items.indexOf(active.id);
+        var newIndex = items.indexOf(over.id);
+        var newSortItem = (0, _sortable.arrayMove)(items, oldIndex, newIndex);
+        if (onChange) onChange(newSortItem, oldIndex, newIndex);
+        return newSortItem;
+      });
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, (0, _extends2.default)({}, rest, {
+    onDragEnd: handleDragEnd
+  }), /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    strategy: sortStrategy,
+    items: items
+  }, children));
+};
+
+/**
+ * SortItem 组件是一个使用 dnd-kit 实现的可排序项。它通过 useSortable 钩子来提供拖拽功能，
+ * 并将必要的属性和监听器传递给其子元素，使得子元素可拖拽。
+ * 
+ * @param {Object} props - 组件的 props。
+ * @param {string} props.id - 该排序项的唯一标识符，用于识别不同的可排序元素。
+ * @param {ReactNode} props.children - 该组件的子元素。通常是你希望使之可拖拽的元素。
+ *                                    SortItem 会将拖拽相关的 props 注入到这个子元素中。
+ * 
+ * @returns {ReactNode} 返回一个增强后的 React 元素，此元素集成了拖拽功能。
+ *                      它基于原 children 元素，附加了用于拖拽的属性和样式。
+ */
+var SortItem = exports.SortItem = function SortItem(_ref2) {
+  var id = _ref2.id,
+    children = _ref2.children;
+  var _useSortable = (0, _sortable.useSortable)({
+      id: id
+    }),
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef;
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
+    transition: transition
+  };
+  var childWithProps = /*#__PURE__*/_react.default.cloneElement(children, {
+    key: id,
+    attributes: attributes,
+    listeners: listeners,
+    setNodeRef: setNodeRef,
+    transform: transform,
+    transition: transition,
+    setActivatorNodeRef: setActivatorNodeRef,
+    style: style
+  });
+  return childWithProps;
+};

package/lib/lowcode/painter/components/TipIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("luck-design/antd");
+var _excluded = ["title", "type"];
+var TipIcon = function TipIcon(_ref) {
+  var title = _ref.title,
+    type = _ref.type,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
+    title: title
+  }, /*#__PURE__*/_react.default.createElement(_antd.Icon, (0, _extends2.default)({
+    type: type
+  }, rest)));
+};
+var _default = exports.default = TipIcon;

package/lib/lowcode/painter/components/TreeEditor.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _react = _interopRequireDefault(require("react"));
+var _TreeDragDropWrapper = _interopRequireDefault(require("./DragDrop/TreeDragDropWrapper"));
+function _default(_ref) {
+  var item = _ref.item;
+  var EditorNode = function EditorNode() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "item"
+    }, item.name);
+  };
+  return /*#__PURE__*/_react.default.createElement(_TreeDragDropWrapper.default, {
+    item: item
+  }, /*#__PURE__*/_react.default.createElement(EditorNode, null));
+}

package/lib/lowcode/painter/components/VarEditor.js

@@ -0,0 +1,463 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _ahooks = require("ahooks");
+var _antd = require("luck-design/antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _VisionEditor = _interopRequireDefault(require("./code-editor/VisionEditor"));
+var _JSEditor = _interopRequireDefault(require("./code-editor/JSEditor"));
+var _TipIcon = _interopRequireDefault(require("./TipIcon"));
+var _I18N_PREFIX_ = 'luckda.lowcode.painter.pageVars';
+var StyledForm = (0, _styledComponents.default)(_antd.Form).withConfig({
+  displayName: "StyledForm",
+  componentId: "luckda-6530__sc-iq6k7e-0"
+})(["font-size:12px;.ant-form-item{font-size:12px;margin-bottom:0;}label{font-size:12px;}"]);
+var StyledSegmented = (0, _styledComponents.default)(_antd.Segmented).withConfig({
+  displayName: "StyledSegmented",
+  componentId: "luckda-6530__sc-iq6k7e-1"
+})(["width:100%;"]);
+var EditorWrapper = _styledComponents.default.div.withConfig({
+  displayName: "EditorWrapper",
+  componentId: "luckda-6530__sc-iq6k7e-2"
+})(["width:100%;height:80px;border:1px solid #d9d9d9;border-radius:4px;margin:8px 0;"]);
+var LabelLine = _styledComponents.default.div.withConfig({
+  displayName: "LabelLine",
+  componentId: "luckda-6530__sc-iq6k7e-3"
+})(["height:28px;background:rgba(31,56,88,0.04);border-top:1px solid rgba(31,56,88,0.1);border-bottom:1px solid rgba(31,56,88,0.1);margin:8px 0;line-height:26px;padding:0 12px;", ""], function (props) {
+  return props.$flex ? {
+    display: 'flex',
+    'align-items': 'center',
+    'justify-content': 'space-between'
+  } : null;
+});
+var _EDITOR_OPTIONS = {
+  minimap: {
+    enabled: false
+  },
+  lineNumbers: 'off'
+};
+var _TASK_TYPE_OPTIONS = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".taskType.serial"),
+    label: '串行'
+  }),
+  value: 'serial'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".taskType.parallel"),
+    label: '并行'
+  }),
+  value: 'parallel'
+}];
+var _METHOD_OPTIONS = [{
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".method.jsonp"),
+    label: 'JSONP'
+  }),
+  value: 'jsonp'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".method.get"),
+    label: 'GET'
+  }),
+  value: 'get'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".taskType.post"),
+    label: 'POST'
+  }),
+  value: 'post'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".taskType.put"),
+    label: 'PUT'
+  }),
+  value: 'put'
+}, {
+  label: (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".taskType.delete"),
+    label: 'DELETE'
+  }),
+  value: 'delete'
+}];
+var _DEFAULT_PROCESS_ = {
+  willFetch: {
+    code: 'function willFetch(vars, config){\n\t\n}',
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".willFetch"),
+      label: "\u8BF7\u6C42\u53D1\u9001\u524D\u5904\u7406\u51FD\u6570(willFetch)"
+    })
+  },
+  didFetch: {
+    code: 'function didFetch(content){\n\t\n}',
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".didFetch"),
+      label: "\u8BF7\u6C42\u53D1\u9001\u524D\u5904\u7406\u51FD\u6570(didFetch)"
+    })
+  },
+  onError: {
+    code: 'function onError(error){\n\t\n}',
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".onError"),
+      label: "\u8BF7\u6C42\u53D1\u9001\u524D\u5904\u7406\u51FD\u6570(onError)"
+    })
+  }
+};
+var getBasicFormItem = function getBasicFormItem(form, item) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".name"),
+      label: '名称'
+    })
+  }, form.getFieldDecorator('name', {
+    initialValue: item.name,
+    rules: [{
+      required: true,
+      message: (0, _utils.formatMessage)({
+        id: "".concat(_I18N_PREFIX_, ".messag.name"),
+        label: '请输入变量名'
+      })
+    }]
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small"
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".desc"),
+      label: '描述'
+    })
+  }, form.getFieldDecorator('desc', {
+    initialValue: item.desc
+  })( /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    size: "small",
+    placeholder: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".placeholder"),
+      label: '请输入'
+    })
+  }))));
+};
+var VarForm = _antd.Form.create({
+  name: 'var_form',
+  onValuesChange: function onValuesChange(_ref, values) {
+    var dispatch = _ref.dispatch,
+      item = _ref.item;
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: item.id,
+        data: values
+      }
+    });
+  }
+})(function (_ref2) {
+  var form = _ref2.form,
+    item = _ref2.item,
+    dispatch = _ref2.dispatch;
+  var _useDebounceFn = (0, _ahooks.useDebounceFn)(function (code) {
+      dispatch({
+        type: 'edit',
+        payload: {
+          id: item.id,
+          data: {
+            data: code
+          }
+        }
+      });
+    }, {
+      wait: 500
+    }),
+    handleEditorValueChange = _useDebounceFn.run;
+  return /*#__PURE__*/_react.default.createElement(StyledForm, {
+    layout: "horizontal",
+    labelCol: {
+      span: 6
+    },
+    wrapperCol: {
+      span: 17
+    },
+    hideRequiredMark: true
+  }, getBasicFormItem(form, item), /*#__PURE__*/_react.default.createElement(LabelLine, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".data"),
+    label: '数据'
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    type: "question-circle",
+    style: {
+      marginLeft: 4
+    },
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".tip.data"),
+      label: "\u8F93\u5165\u6846\u5185\u652F\u6301\u8F93\u5165JS\u7684\u57FA\u672C\u7C7B\u578B\u53D8\u91CF\uFF0C\u5982\u5B57\u7B26\u4E32:\"string\"\uFF0C\u6570\u5B57:123\uFF0C\u5E03\u5C14\u503C:true/false\uFF0C\u6570\u7EC4:[1,2,3]\uFF0C\u5BF9\u8C61:{\"name\": \"test\"}\uFF0C\u7A7A\u503C:null"
+    })
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      height: 300
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VisionEditor.default, {
+    onChange: handleEditorValueChange
+  }, item.data)));
+});
+var ApiForm = _antd.Form.create({
+  name: 'api_form',
+  onValuesChange: function onValuesChange(_ref3, values, all) {
+    var dispatch = _ref3.dispatch,
+      item = _ref3.item;
+    var auto = (0, _lodash.get)(values, 'data.auto');
+    if (auto) {
+      (0, _lodash.set)(all, 'data.taskType', 'parallel');
+    } else if (auto === false) {
+      (0, _lodash.unset)(all, 'data.taskType');
+    }
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: item.id,
+        data: all
+      }
+    });
+  }
+})(function (_ref4) {
+  var _item$data, _item$data2, _item$data3, _item$data4, _item$data5, _item$data6, _item$data7, _item$data8, _item$data9, _item$data10, _item$data11;
+  var form = _ref4.form,
+    item = _ref4.item,
+    dispatch = _ref4.dispatch;
+  var _useSet = (0, _ahooks.useSet)((0, _lodash.intersection)(['willFetch', 'didFetch', 'onError'], (0, _lodash.keys)(item))),
+    _useSet2 = (0, _slicedToArray2.default)(_useSet, 2),
+    processSet = _useSet2[0],
+    _useSet2$ = _useSet2[1],
+    add = _useSet2$.add,
+    remove = _useSet2$.remove;
+  var _useDebounceFn2 = (0, _ahooks.useDebounceFn)(function (field, code) {
+      var obj = {};
+      (0, _lodash.set)(obj, field, code);
+      form.setFieldsValue(obj);
+    }, {
+      wait: 500
+    }),
+    handleEditorValueChange = _useDebounceFn2.run;
+  var handleAddProcessFun = (0, _ahooks.useMemoizedFn)(function (_ref5) {
+    var key = _ref5.key;
+    if (!processSet.has(key)) {
+      add(key);
+      dispatch({
+        type: 'edit',
+        payload: {
+          id: item.id,
+          data: (0, _defineProperty2.default)({}, key, _DEFAULT_PROCESS_[key].code)
+        }
+      });
+    }
+  });
+  var handleDelProcessFun = (0, _ahooks.useMemoizedFn)(function (_ref6) {
+    var key = _ref6.key;
+    remove(key);
+    dispatch({
+      type: 'edit',
+      payload: {
+        id: item.id,
+        data: (0, _defineProperty2.default)({}, key, void 0)
+      }
+    });
+  });
+  var renderProcess = (0, _ahooks.useMemoizedFn)(function (processKey) {
+    return processSet.has(processKey) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(LabelLine, {
+      $flex: true
+    }, _DEFAULT_PROCESS_[processKey].title, /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+      type: "delete",
+      onClick: function onClick() {
+        return handleDelProcessFun(processKey);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+      wrapperCol: {
+        span: 24
+      }
+    }, form.getFieldDecorator(processKey, {
+      initialValue: item[processKey] || _DEFAULT_PROCESS_[processKey].code
+    })( /*#__PURE__*/_react.default.createElement(EditorWrapper, {
+      style: {
+        margin: '4px 18px',
+        width: 'calc(100% - 36px)'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_JSEditor.default, {
+      options: _EDITOR_OPTIONS,
+      onChange: function onChange(code) {
+        return handleEditorValueChange(processKey, code);
+      }
+    }, item[processKey] || _DEFAULT_PROCESS_[processKey].code))))) : null;
+  });
+  var menu = (0, _ahooks.useCreation)(function () {
+    return /*#__PURE__*/_react.default.createElement(_antd.Menu, {
+      onClick: handleAddProcessFun
+    }, /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: "willFetch"
+    }, _DEFAULT_PROCESS_.willFetch.title), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: "didFetch"
+    }, _DEFAULT_PROCESS_.didFetch.title), /*#__PURE__*/_react.default.createElement(_antd.Menu.Item, {
+      key: "onError"
+    }, _DEFAULT_PROCESS_.onError.title));
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(StyledForm, {
+    layout: "horizontal",
+    labelCol: {
+      span: 6
+    },
+    wrapperCol: {
+      span: 17
+    },
+    hideRequiredMark: true
+  }, getBasicFormItem(form, item), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".auto"),
+      label: '自动加载'
+    })
+  }, form.getFieldDecorator('data.auto', {
+    valuePropName: 'checked',
+    initialValue: Boolean((_item$data = item.data) === null || _item$data === void 0 ? void 0 : _item$data.auto)
+  })( /*#__PURE__*/_react.default.createElement(_antd.Switch, {
+    size: "small"
+  }))), form.getFieldValue('data.auto') ? /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".taskType"),
+      label: '加载方式'
+    })
+  }, form.getFieldDecorator('data.taskType', {
+    initialValue: ((_item$data2 = item.data) === null || _item$data2 === void 0 ? void 0 : _item$data2.taskType) || 'parallel'
+  })( /*#__PURE__*/_react.default.createElement(StyledSegmented, {
+    size: "small",
+    options: _TASK_TYPE_OPTIONS
+  }))) : null, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".url"),
+      label: '请求地址'
+    })
+  }, form.getFieldDecorator('data.url', {
+    initialValue: ((_item$data3 = item.data) === null || _item$data3 === void 0 ? void 0 : _item$data3.url) || ''
+  })( /*#__PURE__*/_react.default.createElement(EditorWrapper, null, /*#__PURE__*/_react.default.createElement(_VisionEditor.default, {
+    options: _EDITOR_OPTIONS,
+    onChange: function onChange(code) {
+      return handleEditorValueChange('data.url', code);
+    }
+  }, ((_item$data4 = item.data) === null || _item$data4 === void 0 ? void 0 : _item$data4.url) || '')))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    label: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".method"),
+      label: '请求方式'
+    })
+  }, form.getFieldDecorator('data.method', {
+    initialValue: ((_item$data5 = item.data) === null || _item$data5 === void 0 ? void 0 : _item$data5.method) || 'get'
+  })( /*#__PURE__*/_react.default.createElement(StyledSegmented, {
+    size: "small",
+    options: _METHOD_OPTIONS
+  }))), /*#__PURE__*/_react.default.createElement(LabelLine, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".urlParams"),
+    label: '请求参数'
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    type: "question-circle",
+    style: {
+      marginLeft: 4
+    },
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".tip.urlParams"),
+      label: 'URL 请求参数，格式为 {key1:value1,key2:value2} ，等价于 ?key1=value1&key2=value2'
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    wrapperCol: {
+      span: 24
+    }
+  }, form.getFieldDecorator('data.params', {
+    initialValue: ((_item$data6 = item.data) === null || _item$data6 === void 0 ? void 0 : _item$data6.params) || ''
+  })( /*#__PURE__*/_react.default.createElement(EditorWrapper, {
+    style: {
+      margin: '4px 18px',
+      width: 'calc(100% - 36px)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VisionEditor.default, {
+    options: _EDITOR_OPTIONS,
+    onChange: function onChange(code) {
+      return handleEditorValueChange('data.params', code);
+    }
+  }, ((_item$data7 = item.data) === null || _item$data7 === void 0 ? void 0 : _item$data7.params) || '')))), /*#__PURE__*/_react.default.createElement(LabelLine, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".body"),
+    label: '请求体'
+  }), /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    type: "question-circle",
+    style: {
+      marginLeft: 4
+    },
+    title: (0, _utils.formatMessage)({
+      id: "".concat(_I18N_PREFIX_, ".tip.body"),
+      label: '接口请求体(body)，格式为 {key1:value1,key2:value2}'
+    })
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    wrapperCol: {
+      span: 24
+    }
+  }, form.getFieldDecorator('data.body', {
+    initialValue: ((_item$data8 = item.data) === null || _item$data8 === void 0 ? void 0 : _item$data8.body) || ''
+  })( /*#__PURE__*/_react.default.createElement(EditorWrapper, {
+    style: {
+      margin: '4px 18px',
+      width: 'calc(100% - 36px)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VisionEditor.default, {
+    options: _EDITOR_OPTIONS,
+    onChange: function onChange(code) {
+      return handleEditorValueChange('data.body', code);
+    }
+  }, ((_item$data9 = item.data) === null || _item$data9 === void 0 ? void 0 : _item$data9.body) || '')))), /*#__PURE__*/_react.default.createElement(LabelLine, {
+    $flex: true
+  }, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".process"),
+    label: '数据处理'
+  }), /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
+    overlay: menu,
+    trigger: ['click'],
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('lc-design-workspace');
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TipIcon.default, {
+    type: "plus"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      padding: '0 12px'
+    }
+  }, renderProcess('willFetch'), renderProcess('didFetch'), renderProcess('onError')), /*#__PURE__*/_react.default.createElement(LabelLine, null, (0, _utils.formatMessage)({
+    id: "".concat(_I18N_PREFIX_, ".defaultValue"),
+    label: '默认数据'
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    wrapperCol: {
+      span: 24
+    }
+  }, form.getFieldDecorator('data.defaultValue', {
+    initialValue: (_item$data10 = item.data) === null || _item$data10 === void 0 ? void 0 : _item$data10.defaultValue
+  })( /*#__PURE__*/_react.default.createElement(EditorWrapper, {
+    style: {
+      margin: '4px 18px',
+      width: 'calc(100% - 36px)'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VisionEditor.default, {
+    options: _EDITOR_OPTIONS,
+    onChange: function onChange(code) {
+      return handleEditorValueChange('data.defaultValue', code);
+    }
+  }, ((_item$data11 = item.data) === null || _item$data11 === void 0 ? void 0 : _item$data11.defaultValue) || '')))));
+});
+var VarEditor = function VarEditor(_ref7) {
+  var item = _ref7.item,
+    dispatch = _ref7.dispatch;
+  return item.type === 'var' ? /*#__PURE__*/_react.default.createElement(VarForm, {
+    item: item,
+    dispatch: dispatch
+  }) : /*#__PURE__*/_react.default.createElement(ApiForm, {
+    item: item,
+    dispatch: dispatch
+  });
+};
+var _default = exports.default = VarEditor;