strategy-panel 1.0.1 → 1.0.2

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/configure-modal/data-origin.js

@@ -1,12 +1,3 @@
-import "antd/es/date-picker/style";
-import _DatePicker from "antd/es/date-picker";
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/radio/style";
-import _Radio from "antd/es/radio";
-
 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."); }
@@ -26,6 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 import React from 'react';
+import { DatePicker, InputNumber, Radio, Select } from 'antd';
 import moment from 'moment';
 import { keys } from 'lodash-es';
 var nameMap = {
@@ -104,14 +96,14 @@ var DataOrigin = function DataOrigin(props) {
 
   var relationList = keys(relationData);
   console.log('relationData relationList', relationData);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Radio.Group, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio.Group, {
     value: (value === null || value === void 0 ? void 0 : value.valuesType) || defaultValue,
     onChange: handleValueTypeChange
-  }, /*#__PURE__*/React.createElement(_Radio, {
+  }, /*#__PURE__*/React.createElement(Radio, {
     value: "fixed"
-  }, "\u56FA\u5B9A\u503C"), /*#__PURE__*/React.createElement(_Radio, {
+  }, "\u56FA\u5B9A\u503C"), /*#__PURE__*/React.createElement(Radio, {
     value: "variable"
-  }, "\u53D8\u91CF")), (value === null || value === void 0 ? void 0 : value.valuesType) === 'variable' && /*#__PURE__*/React.createElement(_Select, {
+  }, "\u53D8\u91CF")), (value === null || value === void 0 ? void 0 : value.valuesType) === 'variable' && /*#__PURE__*/React.createElement(Select, {
     style: {
       marginTop: 15
     },
@@ -120,56 +112,56 @@ var DataOrigin = function DataOrigin(props) {
   }, 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 ? void 0 : _relationData$item.meterAttrList) {
+    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.createElement(_Select.OptGroup, {
+      return ((_relationData$item2 = relationData[item]) === null || _relationData$item2 === void 0 ? void 0 : _relationData$item2.meterAttrList) && /*#__PURE__*/React.createElement(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.createElement(_Select.Option, {
+        return /*#__PURE__*/React.createElement(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 ? void 0 : _relationData$item4.meterEventList) {
+    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.createElement(_Select.OptGroup, {
+      return ((_relationData$item5 = relationData[item]) === null || _relationData$item5 === void 0 ? void 0 : _relationData$item5.meterEventList) && /*#__PURE__*/React.createElement(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.createElement(_Select.Option, {
+        return /*#__PURE__*/React.createElement(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 ? void 0 : _relationData$item7.meterModelAttrs) {
+    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.createElement(_Select.OptGroup, {
+      return ((_relationData$item8 = relationData[item]) === null || _relationData$item8 === void 0 ? void 0 : _relationData$item8.meterModelAttrs) && /*#__PURE__*/React.createElement(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.createElement(_Select.Option, {
+        return /*#__PURE__*/React.createElement(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 ? void 0 : _relationData$item10.meterModelEvents) {
+    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.createElement(_Select.OptGroup, {
+      return ((_relationData$item11 = relationData[item]) === null || _relationData$item11 === void 0 ? void 0 : _relationData$item11.meterModelEvents) && /*#__PURE__*/React.createElement(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.createElement(_Select.Option, {
+        return /*#__PURE__*/React.createElement(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);
@@ -181,34 +173,34 @@ var DataOrigin = function DataOrigin(props) {
     style: {
       marginTop: 15
     }
-  }, /*#__PURE__*/React.createElement(_Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     value: value === null || value === void 0 ? void 0 : value.type,
     onChange: handleTypeChange
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
+  }, /*#__PURE__*/React.createElement(Select.Option, {
     value: "number"
-  }, "\u6570\u503C\u578B"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u6570\u503C\u578B"), /*#__PURE__*/React.createElement(Select.Option, {
     value: "boolean"
-  }, "\u5E03\u5C14\u503C"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5E03\u5C14\u503C"), /*#__PURE__*/React.createElement(Select.Option, {
     value: "time"
-  }, "\u65F6\u95F4\u578B")), (value === null || value === void 0 ? void 0 : value.type) === 'number' && /*#__PURE__*/React.createElement(_InputNumber, {
+  }, "\u65F6\u95F4\u578B")), (value === null || value === void 0 ? void 0 : value.type) === 'number' && /*#__PURE__*/React.createElement(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.createElement(_Select, {
+  }), (value === null || value === void 0 ? void 0 : value.type) === 'boolean' && /*#__PURE__*/React.createElement(Select, {
     value: value === null || value === void 0 ? void 0 : value.value,
     onChange: handleBooleanChange,
     style: {
       width: '100%',
       marginTop: 15
     }
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
+  }, /*#__PURE__*/React.createElement(Select.Option, {
     value: 1
-  }, "True"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "True"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 0
-  }, "False")), (value === null || value === void 0 ? void 0 : value.type) === 'time' && /*#__PURE__*/React.createElement(_DatePicker, {
+  }, "False")), (value === null || value === void 0 ? void 0 : value.type) === 'time' && /*#__PURE__*/React.createElement(DatePicker, {
     showTime: true,
     value: (value === null || value === void 0 ? void 0 : value.value) && moment(value === null || value === void 0 ? void 0 : value.value),
     placeholder: "",

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/configure-modal/index.d.ts

@@ -1,11 +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;
+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/es/{pages → components/canvas}/config-panel/components/condition-configuration/configure-modal/index.js

@@ -1,12 +1,3 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-
 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; }
@@ -26,6 +17,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useEffect } from 'react';
+import { Form, Modal, Select, Button } from 'antd';
 import { omit } from 'lodash-es';
 import DataOrigin from "./data-origin";
 import "./style.less";
@@ -37,7 +29,7 @@ var ConfigureModal = function ConfigureModal(props) {
       relationData = props.relationData,
       configureInfo = props.configureInfo;
 
-  var _Form$useForm = _Form.useForm(),
+  var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
@@ -89,17 +81,17 @@ var ConfigureModal = function ConfigureModal(props) {
     if (visible && configureInfo) {
       var _configureInfo$store, _configureInfo$store2, _configureInfo$store3;
 
-      var payload = {
+      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);
+      form.setFieldsValue(_payload);
+      console.log('========================>', _payload);
     }
   }, [visible]);
   console.log('relationData', relationData);
-  return /*#__PURE__*/React.createElement(_Modal, {
+  return /*#__PURE__*/React.createElement(Modal, {
     width: 400,
     visible: visible,
     footer: null,
@@ -113,12 +105,12 @@ var ConfigureModal = function ConfigureModal(props) {
     className: "condition-modal-title"
   }, "\u6761\u4EF6\u914D\u7F6E"), /*#__PURE__*/React.createElement("div", {
     className: "condition-modal-body"
-  }, /*#__PURE__*/React.createElement(_Form, {
+  }, /*#__PURE__*/React.createElement(Form, {
     form: form,
     layout: "vertical",
     initialValues: initialValues,
     onFinish: handleSubmit
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     name: "pre",
     label: "\u9009\u62E9\u7528\u4E8E\u6BD4\u8F83\u7684\u6570\u636E\u6E90",
     rules: [{
@@ -130,7 +122,7 @@ var ConfigureModal = function ConfigureModal(props) {
     }
   }, /*#__PURE__*/React.createElement(DataOrigin, {
     relationData: relationData === null || relationData === void 0 ? void 0 : relationData.equipment
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
+  })), /*#__PURE__*/React.createElement(Form.Item, {
     name: "compare",
     label: "\u9009\u62E9\u6BD4\u8F83\u65B9\u5F0F",
     rules: [{
@@ -140,12 +132,12 @@ var ConfigureModal = function ConfigureModal(props) {
     style: {
       marginBottom: 15
     }
-  }, /*#__PURE__*/React.createElement(_Select, null, compareMode === null || compareMode === void 0 ? void 0 : compareMode.map(function (item) {
-    return /*#__PURE__*/React.createElement(_Select.Option, {
+  }, /*#__PURE__*/React.createElement(Select, null, compareMode === null || compareMode === void 0 ? void 0 : compareMode.map(function (item) {
+    return /*#__PURE__*/React.createElement(Select.Option, {
       key: item,
       value: item
     }, item);
-  }))), /*#__PURE__*/React.createElement(_Form.Item, {
+  }))), /*#__PURE__*/React.createElement(Form.Item, {
     name: "next",
     label: "\u9009\u62E9\u7528\u4E8E\u6BD4\u8F83\u7684\u6570\u636E\u6E90",
     rules: [{
@@ -157,15 +149,15 @@ var ConfigureModal = function ConfigureModal(props) {
     }
   }, /*#__PURE__*/React.createElement(DataOrigin, {
     relationData: relationData === null || relationData === void 0 ? void 0 : relationData.equipment
-  })), /*#__PURE__*/React.createElement(_Form.Item, {
+  })), /*#__PURE__*/React.createElement(Form.Item, {
     style: {
       textAlign: 'right',
       marginBottom: 10
     }
-  }, /*#__PURE__*/React.createElement(_Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     onClick: handleClose,
     className: "mr-15 condition-form-btn"
-  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(_Button, {
+  }, "\u53D6\u6D88"), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     htmlType: "submit",
     className: "condition-form-btn"

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/configure-modal/style.less

@@ -1,4 +1,4 @@
-@import "../../../../../style/basic.less";
+@import "../../../../../../style/basic.less";
 
 .condition-modal-title{
   font-weight: 500;

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/cross-line.d.ts

@@ -1,9 +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;
+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/es/{pages → components/canvas}/config-panel/components/condition-configuration/cross-line.js

@@ -1,8 +1,3 @@
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-
 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; }
@@ -10,6 +5,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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; }
 
 import React from 'react';
+import { Divider, Select } from 'antd';
 import "./style.less";
 
 var CrossLine = function CrossLine(props) {
@@ -25,11 +21,11 @@ var CrossLine = function CrossLine(props) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "condition-cross-line"
-  }, /*#__PURE__*/React.createElement(_Divider, {
+  }, /*#__PURE__*/React.createElement(Divider, {
     style: {
       margin: 0
     }
-  }, /*#__PURE__*/React.createElement(_Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     disabled: disabled,
     style: {
       width: 60
@@ -37,11 +33,11 @@ var CrossLine = function CrossLine(props) {
     bordered: false,
     value: (value === null || value === void 0 ? void 0 : value.relation) || null,
     onChange: handleChange
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
+  }, /*#__PURE__*/React.createElement(Select.Option, {
     value: null
-  }, "\u65E0"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u65E0"), /*#__PURE__*/React.createElement(Select.Option, {
     value: "AND"
-  }, "AND"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "AND"), /*#__PURE__*/React.createElement(Select.Option, {
     value: "OR"
   }, "OR"))));
 };

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/index.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import './style.less';
-interface Props extends Types.PanelComponentProps {
-    experimentId: string;
-    value?: any;
-    onChange?: (value: any) => void;
-}
-declare const ConditionConfiguration: React.FC<Props>;
-export default ConditionConfiguration;
+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;

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/index.js

@@ -1,6 +1,3 @@
-import "antd/es/popconfirm/style";
-import _Popconfirm from "antd/es/popconfirm";
-
 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."); }
@@ -14,18 +11,22 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useCallback, useState } from 'react';
+import { Popconfirm } from 'antd';
 import { ReactSVG } from 'react-svg';
 import classNames from 'classnames';
 import { cloneDeep, isNil } from 'lodash-es';
-import { useExperimentGraph } from "../../../rx-models/experiment-graph";
-import { COMMONLY_USED, SCENE_DISPLAY } from "../../../../common/graph-common/node-types";
+import { useExperimentGraph } from "../../../../../packages/graph-canvas";
+import { useObservableState } from "../../../../../packages/hooks/useObservableState";
+import { COMMONLY_USED, SCENE_DISPLAY } from "../../../../../packages/graph-canvas/node-types";
 import ConfigureModal from "./configure-modal";
 import CrossLine from "./cross-line";
+import editSvg from "../../../../../assets/edit.svg";
+import deleteSvg from "../../../../../assets/delete.svg";
+import addSvg from "../../../../../assets/add.svg";
 import "./style.less";
-import { useObservableState } from "../../../../hooks/useObservableState";
 
 var getRelationData = function getRelationData(expGraph, nodeId) {
-  var _expGraph$graph, _equipment$store, _equipment$store$data, _equipment$store$data2;
+  var _expGraph$graph, _equipment$getData, _equipment$getData2;
 
   if (!nodeId) return;
   var nodes = expGraph === null || expGraph === void 0 ? void 0 : (_expGraph$graph = expGraph.graph) === null || _expGraph$graph === void 0 ? void 0 : _expGraph$graph.getNodes();
@@ -39,9 +40,12 @@ var getRelationData = function getRelationData(expGraph, nodeId) {
 
     return (item === null || item === void 0 ? void 0 : (_item$id2 = item.id) === null || _item$id2 === void 0 ? void 0 : _item$id2.indexOf(COMMONLY_USED.VARIATE)) > -1;
   });
+  var nodeData = equipment === null || equipment === void 0 ? void 0 : (_equipment$getData = equipment.getData()) === null || _equipment$getData === void 0 ? void 0 : _equipment$getData.nodeData;
+  console.log('getRelationData', equipment === null || equipment === void 0 ? void 0 : (_equipment$getData2 = equipment.getData()) === null || _equipment$getData2 === void 0 ? void 0 : _equipment$getData2.nodeData); // const variate = nodes?.find((item: any) => item?.id?.indexOf('COMMONLY_USED_VARIATE') > -1);
+
   console.log('equipmentData', equipment === null || equipment === void 0 ? void 0 : equipment.getData());
   console.log('equipmentData', variate === null || variate === void 0 ? void 0 : variate.getData());
-  return (equipment === null || equipment === void 0 ? void 0 : (_equipment$store = equipment.store) === null || _equipment$store === void 0 ? void 0 : (_equipment$store$data = _equipment$store.data) === null || _equipment$store$data === void 0 ? void 0 : (_equipment$store$data2 = _equipment$store$data.data) === null || _equipment$store$data2 === void 0 ? void 0 : _equipment$store$data2.nodeData) || [];
+  return typeof nodeData === 'string' ? JSON.parse(nodeData) : nodeData;
 };
 
 var ConditionConfiguration = function ConditionConfiguration(props) {
@@ -107,7 +111,7 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
     var result = value ? cloneDeep(value) : [];
     var configureIndex = configureInfo === null || configureInfo === void 0 ? void 0 : configureInfo.index;
 
-    if (!isNil(configureIndex) && (result === null || result === void 0 ? void 0 : result[configureIndex])) {
+    if (!isNil(configureIndex) && result !== null && result !== void 0 && result[configureIndex]) {
       result[configureIndex] = payload;
     }
 
@@ -144,9 +148,9 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
         onClick: function onClick() {
           return handleOpenEdit(item, index);
         },
-        src: require("../../../../assets/edit.svg"),
+        src: editSvg,
         className: classNames('icon', 'mr-10')
-      }), /*#__PURE__*/React.createElement(_Popconfirm, {
+      }), /*#__PURE__*/React.createElement(Popconfirm, {
         placement: "left",
         okText: "\u786E\u5B9A",
         cancelText: "\u53D6\u6D88",
@@ -155,7 +159,7 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
           return handleRemoveCondition(index);
         }
       }, /*#__PURE__*/React.createElement(ReactSVG, {
-        src: require("../../../../assets/delete.svg"),
+        src: deleteSvg,
         className: "icon"
       })))), index !== value.length - 1 && /*#__PURE__*/React.createElement(CrossLine, {
         disabled: modeDisabled,
@@ -169,7 +173,7 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
     className: "condition-edit-box",
     onClick: handleOpenConfigure
   }, /*#__PURE__*/React.createElement(ReactSVG, {
-    src: require("../../../../assets/add.svg"),
+    src: addSvg,
     className: "icon"
   }), "\u6DFB\u52A0"), /*#__PURE__*/React.createElement(ConfigureModal, {
     visible: visible,

package/es/{pages → components/canvas}/config-panel/components/condition-configuration/style.less

@@ -1,74 +1,74 @@
-@import "../../../../style/position";
-@import "../../../../style/basic";
-
-
-@icon-color: #0052D9;
-@configure-title-bg: #F2F2F2;
-@configure-title-border: #F2F2F2;
-
-
-.condition-edit-box{
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: @icon-color;
-  cursor: pointer;
-
-  & .icon{
-    width: 22px;
-    height: 22px;
-    margin-right: 6px;
-    cursor: pointer;
-    div{
-      height: 22px;
-    }
-    svg {
-      width: 22px;
-      height: 22px;
-      path {
-        fill: @icon-color;
-      }
-    }
-  }
-}
-
-.configure-line{
-  .title{
-    padding: 5px 12px;
-    background: #F2F2F2;
-    border: 1px solid #D3D3D3;
-    border-radius: 4px;
-    overflow: hidden;
-    word-break: break-all;
-  }
-  .icon{
-    width: 20px;
-    height: 20px;
-    cursor: pointer;
-    div{
-      height: 20px;
-    }
-    svg {
-      width: 20px;
-      height: 20px;
-    }
-  }
-
-}
-
-.condition-cross-line{
-  .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
-  .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{
-    padding-right: 0;
-    text-align: center;
-  }
-  .ant-select-arrow{
-    display: none;
-  }
-  .ant-divider-inner-text{
-    padding: 0;
-  }
-  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
-    background: transparent !important;
-  }
-}
+@import "../../../../../style/position";
+@import "../../../../../style/basic";
+
+
+@icon-color: #0052D9;
+@configure-title-bg: #F2F2F2;
+@configure-title-border: #F2F2F2;
+
+
+.condition-edit-box{
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: @icon-color;
+  cursor: pointer;
+
+  & .icon{
+    width: 22px;
+    height: 22px;
+    margin-right: 6px;
+    cursor: pointer;
+    div{
+      height: 22px;
+    }
+    svg {
+      width: 22px;
+      height: 22px;
+      path {
+        fill: @icon-color;
+      }
+    }
+  }
+}
+
+.configure-line{
+  .title{
+    padding: 5px 12px;
+    background: #F2F2F2;
+    border: 1px solid #D3D3D3;
+    border-radius: 4px;
+    overflow: hidden;
+    word-break: break-all;
+  }
+  .icon{
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    div{
+      height: 20px;
+    }
+    svg {
+      width: 20px;
+      height: 20px;
+    }
+  }
+
+}
+
+.condition-cross-line{
+  .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
+  .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder{
+    padding-right: 0;
+    text-align: center;
+  }
+  .ant-select-arrow{
+    display: none;
+  }
+  .ant-divider-inner-text{
+    padding: 0;
+  }
+  .ant-select:not(.ant-select-customize-input) .ant-select-selector{
+    background: transparent !important;
+  }
+}

package/es/{pages → components/canvas}/config-panel/components/time-trigger/components/cycle-time.d.ts

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