strategy-panel 1.0.1 → 1.0.2

package/lib/components/canvas/config-panel/components/condition-configuration/configure-modal/data-origin.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _lodashEs = require("lodash-es");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var nameMap = {
+  device_attr: 'meterAttrList',
+  device_event: 'meterEventList',
+  model_attr: 'meterModelAttrs',
+  model_event: 'meterModelEvents'
+}; // const selectTypeData = ['meterAttrList', 'meterEventList', 'meterModelAttrs', 'meterModelEvents']
+
+var DataOrigin = function DataOrigin(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 'variable' : _props$defaultValue,
+      relationData = props.relationData;
+  console.log('DataOrigin =========> value', value);
+
+  var handleValueTypeChange = function handleValueTypeChange(e) {
+    var valuesType = e.target.value;
+    var payload = valuesType === 'fixed' ? {
+      valuesType: valuesType,
+      type: 'number'
+    } : {
+      valuesType: valuesType
+    };
+    onChange === null || onChange === void 0 ? void 0 : onChange(payload);
+  };
+
+  var handleTypeChange = function handleTypeChange(type) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
+      type: type,
+      value: null
+    }));
+  };
+
+  var handleValueChange = function handleValueChange(fixedValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
+      value: fixedValue
+    }));
+  };
+
+  var handleBooleanChange = function handleBooleanChange(fixedValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
+      value: fixedValue === 1
+    }));
+  };
+
+  var handleDateChange = function handleDateChange(date) {
+    handleValueChange(date === null || date === void 0 ? void 0 : date.format('YYYY-MM-DD HH:mm:ss'));
+  };
+
+  var handleVariableChange = function handleVariableChange(variableKeyIndex) {
+    console.log('handleVariableChange', variableKeyIndex, relationData);
+
+    if (variableKeyIndex && relationData) {
+      var _relationData$name;
+
+      var valueList = variableKeyIndex === null || variableKeyIndex === void 0 ? void 0 : variableKeyIndex.split('^');
+
+      var _valueList = _slicedToArray(valueList, 4),
+          name = _valueList[0],
+          source = _valueList[1],
+          targetId = _valueList[2],
+          modelId = _valueList[3];
+
+      var sourceList = relationData === null || relationData === void 0 ? void 0 : (_relationData$name = relationData[name]) === null || _relationData$name === void 0 ? void 0 : _relationData$name[nameMap[source]];
+      var relationValue = sourceList === null || sourceList === void 0 ? void 0 : sourceList.find(function (item) {
+        return (item === null || item === void 0 ? void 0 : item.source) === source && (item === null || item === void 0 ? void 0 : item.targetId) === targetId && (item === null || item === void 0 ? void 0 : item.modelId) === modelId;
+      });
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
+        value: relationValue,
+        variableKeyIndex: variableKeyIndex
+      }));
+    }
+  };
+
+  var relationList = (0, _lodashEs.keys)(relationData);
+  console.log('relationData relationList', relationData);
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_antd.Radio.Group, {
+    value: (value === null || value === void 0 ? void 0 : value.valuesType) || defaultValue,
+    onChange: handleValueTypeChange
+  }, /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: "fixed"
+  }, "\u56FA\u5B9A\u503C"), /*#__PURE__*/_react.default.createElement(_antd.Radio, {
+    value: "variable"
+  }, "\u53D8\u91CF")), (value === null || value === void 0 ? void 0 : value.valuesType) === 'variable' && /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    style: {
+      marginTop: 15
+    },
+    value: value === null || value === void 0 ? void 0 : value.variableKeyIndex,
+    onChange: handleVariableChange
+  }, relationList === null || relationList === void 0 ? void 0 : relationList.map(function (item) {
+    var _relationData$item, _relationData$item4, _relationData$item7, _relationData$item10;
+
+    if ((_relationData$item = relationData[item]) !== null && _relationData$item !== void 0 && _relationData$item.meterAttrList) {
+      var _relationData$item2, _relationData$item3, _relationData$item3$m;
+
+      return ((_relationData$item2 = relationData[item]) === null || _relationData$item2 === void 0 ? void 0 : _relationData$item2.meterAttrList) && /*#__PURE__*/_react.default.createElement(_antd.Select.OptGroup, {
+        key: "".concat(item, "-device-attr"),
+        label: "".concat(item, " - \u8BBE\u5907\u5C5E\u6027")
+      }, (_relationData$item3 = relationData[item]) === null || _relationData$item3 === void 0 ? void 0 : (_relationData$item3$m = _relationData$item3.meterAttrList) === null || _relationData$item3$m === void 0 ? void 0 : _relationData$item3$m.map(function (child) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+          key: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId),
+          value: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId)
+        }, child.targetName, "-", child === null || child === void 0 ? void 0 : child.modelName);
+      }));
+    }
+
+    if ((_relationData$item4 = relationData[item]) !== null && _relationData$item4 !== void 0 && _relationData$item4.meterEventList) {
+      var _relationData$item5, _relationData$item6, _relationData$item6$m;
+
+      return ((_relationData$item5 = relationData[item]) === null || _relationData$item5 === void 0 ? void 0 : _relationData$item5.meterEventList) && /*#__PURE__*/_react.default.createElement(_antd.Select.OptGroup, {
+        key: "".concat(item, "-device-attr"),
+        label: "".concat(item, " - \u8BBE\u5907\u5C5E\u6027")
+      }, (_relationData$item6 = relationData[item]) === null || _relationData$item6 === void 0 ? void 0 : (_relationData$item6$m = _relationData$item6.meterEventList) === null || _relationData$item6$m === void 0 ? void 0 : _relationData$item6$m.map(function (child) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+          key: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId),
+          value: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId)
+        }, child.targetName, "-", child === null || child === void 0 ? void 0 : child.modelName);
+      }));
+    }
+
+    if ((_relationData$item7 = relationData[item]) !== null && _relationData$item7 !== void 0 && _relationData$item7.meterModelAttrs) {
+      var _relationData$item8, _relationData$item9, _relationData$item9$m;
+
+      return ((_relationData$item8 = relationData[item]) === null || _relationData$item8 === void 0 ? void 0 : _relationData$item8.meterModelAttrs) && /*#__PURE__*/_react.default.createElement(_antd.Select.OptGroup, {
+        key: "".concat(item, "--device-attr"),
+        label: "".concat(item, " - \u8BBE\u5907\u5C5E\u6027")
+      }, (_relationData$item9 = relationData[item]) === null || _relationData$item9 === void 0 ? void 0 : (_relationData$item9$m = _relationData$item9.meterModelAttrs) === null || _relationData$item9$m === void 0 ? void 0 : _relationData$item9$m.map(function (child) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+          key: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId),
+          value: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId)
+        }, child.targetName, "-", child === null || child === void 0 ? void 0 : child.modelName);
+      }));
+    }
+
+    if ((_relationData$item10 = relationData[item]) !== null && _relationData$item10 !== void 0 && _relationData$item10.meterModelEvents) {
+      var _relationData$item11, _relationData$item12, _relationData$item12$;
+
+      return ((_relationData$item11 = relationData[item]) === null || _relationData$item11 === void 0 ? void 0 : _relationData$item11.meterModelEvents) && /*#__PURE__*/_react.default.createElement(_antd.Select.OptGroup, {
+        key: "".concat(item, "--device-attr"),
+        label: "".concat(item, " - \u8BBE\u5907\u5C5E\u6027")
+      }, (_relationData$item12 = relationData[item]) === null || _relationData$item12 === void 0 ? void 0 : (_relationData$item12$ = _relationData$item12.meterModelEvents) === null || _relationData$item12$ === void 0 ? void 0 : _relationData$item12$.map(function (child) {
+        return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+          key: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId),
+          value: "".concat(item, "^").concat(child.source, "^").concat(child.targetId, "^").concat(child.modelId)
+        }, child.targetName, "-", child === null || child === void 0 ? void 0 : child.modelName);
+      }));
+    }
+
+    return null;
+  })), (value === null || value === void 0 ? void 0 : value.valuesType) === 'fixed' && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      marginTop: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: value === null || value === void 0 ? void 0 : value.type,
+    onChange: handleTypeChange
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "number"
+  }, "\u6570\u503C\u578B"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "boolean"
+  }, "\u5E03\u5C14\u503C"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "time"
+  }, "\u65F6\u95F4\u578B")), (value === null || value === void 0 ? void 0 : value.type) === 'number' && /*#__PURE__*/_react.default.createElement(_antd.InputNumber, {
+    value: value === null || value === void 0 ? void 0 : value.value,
+    onChange: handleValueChange,
+    style: {
+      width: '100%',
+      marginTop: 15
+    }
+  }), (value === null || value === void 0 ? void 0 : value.type) === 'boolean' && /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    value: value === null || value === void 0 ? void 0 : value.value,
+    onChange: handleBooleanChange,
+    style: {
+      width: '100%',
+      marginTop: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 1
+  }, "True"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: 0
+  }, "False")), (value === null || value === void 0 ? void 0 : value.type) === 'time' && /*#__PURE__*/_react.default.createElement(_antd.DatePicker, {
+    showTime: true,
+    value: (value === null || value === void 0 ? void 0 : value.value) && (0, _moment.default)(value === null || value === void 0 ? void 0 : value.value),
+    placeholder: "",
+    onChange: handleDateChange,
+    style: {
+      width: '100%',
+      marginTop: 15
+    }
+  })));
+};
+
+var _default = DataOrigin;
+exports.default = _default;

package/lib/components/canvas/config-panel/components/condition-configuration/configure-modal/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './style.less';
+interface Props {
+    visible: boolean;
+    onClose: () => void;
+    relationData: any;
+    onSubmit: (payload: any) => void;
+    configureInfo: any;
+}
+declare const ConfigureModal: React.FC<Props>;
+export default ConfigureModal;

package/lib/components/canvas/config-panel/components/condition-configuration/configure-modal/index.js

@@ -0,0 +1,187 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd");
+
+var _lodashEs = require("lodash-es");
+
+var _dataOrigin = _interopRequireDefault(require("./data-origin"));
+
+require("./style.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var ConfigureModal = function ConfigureModal(props) {
+  var visible = props.visible,
+      onClose = props.onClose,
+      onSubmit = props.onSubmit,
+      relationData = props.relationData,
+      configureInfo = props.configureInfo;
+
+  var _Form$useForm = _antd.Form.useForm(),
+      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var compareMode = ['>', '>=', '<', '<=', '==', '!='];
+  var initialValues = {
+    pre: {
+      valuesType: 'variable'
+    },
+    next: {
+      valuesType: 'fixed',
+      type: 'number'
+    }
+  };
+
+  var handleClose = function handleClose() {
+    onClose();
+    form.resetFields();
+  };
+
+  var handleSubmit = function handleSubmit(payload) {
+    console.log('handleSubmit payload', payload);
+    var pre = payload.pre,
+        compare = payload.compare,
+        next = payload.next;
+    var preOmit = (0, _lodashEs.omit)(pre, ['variableKeyIndex']);
+    var nextOmit = (0, _lodashEs.omit)(next, ['variableKeyIndex']);
+    var store = [preOmit, compare, nextOmit];
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
+      store: store,
+      relation: configureInfo === null || configureInfo === void 0 ? void 0 : configureInfo.relation
+    });
+    handleClose();
+  };
+
+  var formReset = (0, _react.useCallback)(function (configure) {
+    if (configure.valuesType === 'fixed') return configure;
+
+    if (configure.valuesType === 'variable') {
+      var configureValue = configure === null || configure === void 0 ? void 0 : configure.value;
+      var variableKeyIndex = configureValue && "".concat(configureValue.targetName, "-").concat(configureValue.type, "^").concat(configureValue.source, "^").concat(configureValue.targetId, "^").concat(configureValue.modelId);
+      return variableKeyIndex ? _objectSpread(_objectSpread({}, configure), {}, {
+        variableKeyIndex: variableKeyIndex
+      }) : configure;
+    }
+
+    return {};
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (visible && configureInfo) {
+      var _configureInfo$store, _configureInfo$store2, _configureInfo$store3;
+
+      var _payload = {
+        pre: formReset(configureInfo === null || configureInfo === void 0 ? void 0 : (_configureInfo$store = configureInfo.store) === null || _configureInfo$store === void 0 ? void 0 : _configureInfo$store[0]),
+        compare: configureInfo === null || configureInfo === void 0 ? void 0 : (_configureInfo$store2 = configureInfo.store) === null || _configureInfo$store2 === void 0 ? void 0 : _configureInfo$store2[1],
+        next: formReset(configureInfo === null || configureInfo === void 0 ? void 0 : (_configureInfo$store3 = configureInfo.store) === null || _configureInfo$store3 === void 0 ? void 0 : _configureInfo$store3[2])
+      };
+      form.setFieldsValue(_payload);
+      console.log('========================>', _payload);
+    }
+  }, [visible]);
+  console.log('relationData', relationData);
+  return /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+    width: 400,
+    visible: visible,
+    footer: null,
+    closable: false,
+    bodyStyle: {
+      padding: 0
+    },
+    onCancel: handleClose,
+    destroyOnClose: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "condition-modal-title"
+  }, "\u6761\u4EF6\u914D\u7F6E"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "condition-modal-body"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form, {
+    form: form,
+    layout: "vertical",
+    initialValues: initialValues,
+    onFinish: handleSubmit
+  }, /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "pre",
+    label: "\u9009\u62E9\u7528\u4E8E\u6BD4\u8F83\u7684\u6570\u636E\u6E90",
+    rules: [{
+      required: true,
+      message: '请选择用于比较的数据源'
+    }],
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dataOrigin.default, {
+    relationData: relationData === null || relationData === void 0 ? void 0 : relationData.equipment
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "compare",
+    label: "\u9009\u62E9\u6BD4\u8F83\u65B9\u5F0F",
+    rules: [{
+      required: true,
+      message: '请选择比较方式'
+    }],
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, null, compareMode === null || compareMode === void 0 ? void 0 : compareMode.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+      key: item,
+      value: item
+    }, item);
+  }))), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    name: "next",
+    label: "\u9009\u62E9\u7528\u4E8E\u6BD4\u8F83\u7684\u6570\u636E\u6E90",
+    rules: [{
+      required: true,
+      message: '请选择用于比较的数据源'
+    }],
+    style: {
+      marginBottom: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dataOrigin.default, {
+    relationData: relationData === null || relationData === void 0 ? void 0 : relationData.equipment
+  })), /*#__PURE__*/_react.default.createElement(_antd.Form.Item, {
+    style: {
+      textAlign: 'right',
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    onClick: handleClose,
+    className: "mr-15 condition-form-btn"
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "primary",
+    htmlType: "submit",
+    className: "condition-form-btn"
+  }, "\u786E\u5B9A")))));
+};
+
+var _default = ConfigureModal;
+exports.default = _default;

package/lib/components/canvas/config-panel/components/condition-configuration/configure-modal/style.less

@@ -0,0 +1,13 @@
+@import "../../../../../../style/basic.less";
+
+.condition-modal-title{
+  font-weight: 500;
+  font-size: 16px;
+  padding: 15px 20px 5px;
+}
+.condition-modal-body{
+  padding: 5px 20px;
+}
+.condition-form-btn{
+  border-radius: 3px;
+}

package/lib/components/canvas/config-panel/components/condition-configuration/cross-line.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './style.less';
+interface Props {
+    value: any;
+    onRelationChange?: (value: any) => void;
+    disabled: boolean;
+}
+declare const CrossLine: React.FC<Props>;
+export default CrossLine;

package/lib/components/canvas/config-panel/components/condition-configuration/cross-line.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _antd = require("antd");
+
+require("./style.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var CrossLine = function CrossLine(props) {
+  var value = props.value,
+      onRelationChange = props.onRelationChange,
+      disabled = props.disabled;
+
+  var handleChange = function handleChange(relation) {
+    onRelationChange === null || onRelationChange === void 0 ? void 0 : onRelationChange(_objectSpread(_objectSpread({}, value), {}, {
+      relation: relation
+    }));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "condition-cross-line"
+  }, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select, {
+    disabled: disabled,
+    style: {
+      width: 60
+    },
+    bordered: false,
+    value: (value === null || value === void 0 ? void 0 : value.relation) || null,
+    onChange: handleChange
+  }, /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: null
+  }, "\u65E0"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "AND"
+  }, "AND"), /*#__PURE__*/_react.default.createElement(_antd.Select.Option, {
+    value: "OR"
+  }, "OR"))));
+};
+
+var _default = CrossLine;
+exports.default = _default;

package/lib/components/canvas/config-panel/components/condition-configuration/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PanelComponentProps } from "../../../../../packages/graph-canvas/typings";
+import './style.less';
+interface Props extends PanelComponentProps {
+    experimentId: string;
+    value?: any;
+    onChange?: (value: any) => void;
+}
+declare const ConditionConfiguration: React.FC<Props>;
+export default ConditionConfiguration;