strategy-panel 1.0.0 → 1.0.1

package/es/pages/component-tree-panel/category-tree/index.less

@@ -1,35 +1,36 @@
-@import (reference) '../../../style/theme-light';
-
-.category-tree-list {
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  background: #fff;
-
-  .category-tree-collapse {
-    border: none;
-
-    .ant-collapse-header {
-      height: 36px;
-      font-size: 14px;
-      line-height: 1;
-      background: @light-gray-bg;
-    }
-    .ant-collapse-header > div {
-      position: absolute;
-      right: 0;
-    }
-    .ant-collapse-header > div > span {
-      color: rgba(142, 142, 142, 0.52);
-    }
-    .ant-collapse-content > .ant-collapse-content-box {
-      padding-bottom: 5px;
-    }
-    .ant-collapse-content {
-      border-top: none;
-    }
-    .ant-collapse-item {
-      border-bottom: none;
-    }
-  }
-}
+@import (reference) '../../../style/theme-light';
+
+.category-tree-list {
+  height: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  background: #fff;
+
+  .category-tree-collapse {
+    border-color: #DCDCDC;
+
+    .ant-collapse-header {
+      height: 36px;
+      font-size: 14px;
+      line-height: 1 !important;
+      background: @light-gray-bg;
+
+    }
+    .ant-collapse-header > div {
+      position: absolute;
+      right: 0;
+    }
+    .ant-collapse-header > div > span {
+      color: rgba(142, 142, 142, 0.52);
+    }
+    .ant-collapse-content > .ant-collapse-content-box {
+      padding-bottom: 5px;
+    }
+    .ant-collapse-content {
+      border-top: 1px solid #DCDCDC;
+    }
+    .ant-collapse-item {
+      border-bottom: 1px solid #DCDCDC;
+    }
+  }
+}

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

@@ -67,15 +67,23 @@ var DataOrigin = function DataOrigin(props) {
     }));
   };
 
+  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 = variableKeyIndex === null || variableKeyIndex === void 0 ? void 0 : variableKeyIndex.split('^');
 
       var _valueList = _slicedToArray(valueList, 4),
           name = _valueList[0],
@@ -84,7 +92,7 @@ var DataOrigin = function DataOrigin(props) {
           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.findIndex(function (item) {
+      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), {}, {
@@ -95,6 +103,7 @@ 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, {
     value: (value === null || value === void 0 ? void 0 : value.valuesType) || defaultValue,
     onChange: handleValueTypeChange
@@ -115,12 +124,12 @@ var DataOrigin = function DataOrigin(props) {
       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, {
-        key: "".concat(item, "--device-attr"),
+        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, {
-          key: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId),
-          value: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId)
+          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);
       }));
     }
@@ -129,12 +138,12 @@ var DataOrigin = function DataOrigin(props) {
       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, {
-        key: "".concat(item, "--device-attr"),
+        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, {
-          key: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId),
-          value: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId)
+          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);
       }));
     }
@@ -147,8 +156,8 @@ var DataOrigin = function DataOrigin(props) {
         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, {
-          key: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId),
-          value: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId)
+          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);
       }));
     }
@@ -161,11 +170,13 @@ var DataOrigin = function DataOrigin(props) {
         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, {
-          key: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId),
-          value: "".concat(item, "-").concat(child.source, "-").concat(child.targetId, "-").concat(child.modelId)
+          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.createElement("div", {
     style: {
       marginTop: 15
@@ -188,15 +199,15 @@ var DataOrigin = function DataOrigin(props) {
     }
   }), (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: handleValueChange,
+    onChange: handleBooleanChange,
     style: {
       width: '100%',
       marginTop: 15
     }
   }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: true
+    value: 1
   }, "True"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: false
+    value: 0
   }, "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),

package/es/pages/config-panel/components/condition-configuration/configure-modal/index.js

@@ -76,12 +76,9 @@ var ConfigureModal = function ConfigureModal(props) {
     if (configure.valuesType === 'fixed') return configure;
 
     if (configure.valuesType === 'variable') {
-      var variableKeyIndex = relationData === null || relationData === void 0 ? void 0 : relationData.findIndex(function (item) {
-        var _configure$value, _configure$value2, _configure$value3;
-
-        return (item === null || item === void 0 ? void 0 : item.type) === (configure === null || configure === void 0 ? void 0 : (_configure$value = configure.value) === null || _configure$value === void 0 ? void 0 : _configure$value.type) && (item === null || item === void 0 ? void 0 : item.targetId) === (configure === null || configure === void 0 ? void 0 : (_configure$value2 = configure.value) === null || _configure$value2 === void 0 ? void 0 : _configure$value2.targetId) && (item === null || item === void 0 ? void 0 : item.modelId) === (configure === null || configure === void 0 ? void 0 : (_configure$value3 = configure.value) === null || _configure$value3 === void 0 ? void 0 : _configure$value3.modelId);
-      });
-      return variableKeyIndex > -1 ? _objectSpread(_objectSpread({}, configure), {}, {
+      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;
     }

package/es/pages/config-panel/components/condition-configuration/cross-line.d.ts

@@ -3,6 +3,7 @@ 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/config-panel/components/condition-configuration/cross-line.js

@@ -14,7 +14,8 @@ import "./style.less";
 
 var CrossLine = function CrossLine(props) {
   var value = props.value,
-      onRelationChange = props.onRelationChange;
+      onRelationChange = props.onRelationChange,
+      disabled = props.disabled;
 
   var handleChange = function handleChange(relation) {
     onRelationChange === null || onRelationChange === void 0 ? void 0 : onRelationChange(_objectSpread(_objectSpread({}, value), {}, {
@@ -29,6 +30,7 @@ var CrossLine = function CrossLine(props) {
       margin: 0
     }
   }, /*#__PURE__*/React.createElement(_Select, {
+    disabled: disabled,
     style: {
       width: 60
     },

package/es/pages/config-panel/components/condition-configuration/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './style.less';
-interface Props {
+interface Props extends Types.PanelComponentProps {
     experimentId: string;
     value?: any;
     onChange?: (value: any) => void;

package/es/pages/config-panel/components/condition-configuration/index.js

@@ -25,7 +25,7 @@ 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, _variate$store, _variate$store$data, _variate$store$data$d, _equipment$store2, _equipment$store2$dat, _equipment$store2$dat2;
+  var _expGraph$graph, _equipment$store, _equipment$store$data, _equipment$store$data2;
 
   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,15 +39,18 @@ 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 equipmentData = (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) || [];
-  var variateData = (variate === null || variate === void 0 ? void 0 : (_variate$store = variate.store) === null || _variate$store === void 0 ? void 0 : (_variate$store$data = _variate$store.data) === null || _variate$store$data === void 0 ? void 0 : (_variate$store$data$d = _variate$store$data.data) === null || _variate$store$data$d === void 0 ? void 0 : _variate$store$data$d.nodeData) || [];
-  return (equipment === null || equipment === void 0 ? void 0 : (_equipment$store2 = equipment.store) === null || _equipment$store2 === void 0 ? void 0 : (_equipment$store2$dat = _equipment$store2.data) === null || _equipment$store2$dat === void 0 ? void 0 : (_equipment$store2$dat2 = _equipment$store2$dat.data) === null || _equipment$store2$dat2 === void 0 ? void 0 : _equipment$store2$dat2.nodeData) || [];
+  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) || [];
 };
 
 var ConditionConfiguration = function ConditionConfiguration(props) {
   var value = props.value,
       onChange = props.onChange,
-      experimentId = props.experimentId;
+      experimentId = props.experimentId,
+      mode = props.mode; // mode === view 禁止编辑
+
+  var modeDisabled = mode === 'view';
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -63,8 +66,7 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
       activeNodeInstance = _useObservableState2[0];
 
   var nodeId = activeNodeInstance === null || activeNodeInstance === void 0 ? void 0 : activeNodeInstance.id;
-  console.log('activeNodeInstance', expGraph, activeNodeInstance); // TODO 上级所有的变量
-
+  console.log('activeNodeInstance', props);
   var relationData = getRelationData(expGraph, nodeId);
 
   var _useState3 = useState(false),
@@ -136,7 +138,7 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
         className: classNames('pos-btw', 'configure-line')
       }, /*#__PURE__*/React.createElement("div", {
         className: classNames('flex-1', 'mr-10', 'title')
-      }, titleFormat(item === null || item === void 0 ? void 0 : item.store)), /*#__PURE__*/React.createElement("div", {
+      }, titleFormat(item === null || item === void 0 ? void 0 : item.store)), !modeDisabled && /*#__PURE__*/React.createElement("div", {
         className: "pos-line-center"
       }, /*#__PURE__*/React.createElement(ReactSVG, {
         onClick: function onClick() {
@@ -156,13 +158,14 @@ var ConditionConfiguration = function ConditionConfiguration(props) {
         src: require("../../../../assets/delete.svg"),
         className: "icon"
       })))), index !== value.length - 1 && /*#__PURE__*/React.createElement(CrossLine, {
+        disabled: modeDisabled,
         value: item,
         onRelationChange: function onRelationChange(info) {
           return handleRelationChange(info, index);
         }
       }))
     );
-  }), /*#__PURE__*/React.createElement("div", {
+  }), !modeDisabled && /*#__PURE__*/React.createElement("div", {
     className: "condition-edit-box",
     onClick: handleOpenConfigure
   }, /*#__PURE__*/React.createElement(ReactSVG, {

package/es/pages/config-panel/components/condition-configuration/style.less

@@ -1,70 +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;
-  }
-  .ant-select-arrow{
-    display: none;
-  }
-  .ant-divider-inner-text{
-    padding: 0;
-  }
-}
+@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/config-panel/components/time-trigger/components/cycle-time.d.ts

@@ -3,6 +3,7 @@ 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;

package/es/pages/config-panel/components/time-trigger/components/cycle-time.js

@@ -18,20 +18,24 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import React from 'react';
 import classNames from 'classnames';
 import "../../../style.less";
+var MonthDayList = Array.from(new Array(31), function (item, index) {
+  return index + 1;
+});
 
 var CycleTime = function CycleTime(props) {
   var value = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      disabled = props.disabled;
 
-  var timeTypeChange = function timeTypeChange(cycleType) {
+  var timeTypeChange = function timeTypeChange(date) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
-      cycleType: cycleType
+      date: date
     }));
   };
 
-  var cycleTimeChange = function cycleTimeChange(cycleTime) {
+  var cycleTimeChange = function cycleTimeChange(time) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
-      cycleTime: cycleTime
+      time: time
     }));
   };
 
@@ -45,41 +49,52 @@ var CycleTime = function CycleTime(props) {
     label: "\u89E6\u53D1\u65F6\u95F4",
     required: true,
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.cycleType) ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_Select, {
-    value: value === null || value === void 0 ? void 0 : value.cycleType,
+    validateStatus: (value === null || value === void 0 ? void 0 : value.date) ? 'success' : 'error'
+  }, (value === null || value === void 0 ? void 0 : value.cycle) === 'week' && /*#__PURE__*/React.createElement(_Select, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.date,
     onChange: timeTypeChange
   }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "workday"
+    value: 8
   }, "\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "nonWorkdays"
+    value: 9
   }, "\u975E\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "monday"
+    value: 1
   }, "\u5468\u4E00"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "tuesday"
+    value: 2
   }, "\u5468\u4E8C"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "wednesday"
+    value: 3
   }, "\u5468\u4E09"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "thursday"
+    value: 4
   }, "\u5468\u56DB"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "friday"
+    value: 5
   }, "\u5468\u4E94"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "saturday"
+    value: 6
   }, "\u5468\u516D"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "sunday"
-  }, "\u5468\u65E5")))), /*#__PURE__*/React.createElement(_Col, {
+    value: 7
+  }, "\u5468\u65E5")), (value === null || value === void 0 ? void 0 : value.cycle) === 'month' && /*#__PURE__*/React.createElement(_Select, {
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.date,
+    onChange: timeTypeChange
+  }, MonthDayList === null || MonthDayList === void 0 ? void 0 : MonthDayList.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Select.Option, {
+      key: item,
+      value: item
+    }, item, "\u65E5");
+  })))), /*#__PURE__*/React.createElement(_Col, {
     span: (value === null || value === void 0 ? void 0 : value.cycle) === 'day' ? 24 : 12
   }, /*#__PURE__*/React.createElement(_Form.Item, {
     required: (value === null || value === void 0 ? void 0 : value.cycle) === 'day',
     label: (value === null || value === void 0 ? void 0 : value.cycle) === 'day' ? '触发时间' : ' ',
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.cycleTime) ? 'success' : 'error'
+    validateStatus: (value === null || value === void 0 ? void 0 : value.time) ? 'success' : 'error'
   }, /*#__PURE__*/React.createElement(_TimePicker, {
+    disabled: disabled,
     placeholder: "",
     style: {
       width: '100%'
     },
-    value: value === null || value === void 0 ? void 0 : value.cycleTime,
+    value: value === null || value === void 0 ? void 0 : value.time,
     onChange: cycleTimeChange
   })))));
 };

package/es/pages/config-panel/components/time-trigger/components/time-horizon.d.ts

@@ -4,6 +4,7 @@ interface Props {
     title: string;
     value?: any;
     onChange?: (value: any) => void;
+    disabled?: boolean;
 }
 declare const TimeHorizon: React.FC<Props>;
 export default TimeHorizon;

package/es/pages/config-panel/components/time-trigger/components/time-horizon.js

@@ -21,17 +21,18 @@ import "../../../style.less";
 var TimeHorizon = function TimeHorizon(props) {
   var title = props.title,
       value = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      disabled = props.disabled;
 
-  var timeNumberChange = function timeNumberChange(time) {
+  var timeNumberChange = function timeNumberChange(duration) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
-      time: time
+      duration: duration
     }));
   };
 
-  var timeTypeChange = function timeTypeChange(type) {
+  var timeTypeChange = function timeTypeChange(unit) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
-      type: type
+      unit: unit
     }));
   };
 
@@ -43,9 +44,10 @@ var TimeHorizon = function TimeHorizon(props) {
     label: title,
     required: true,
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.time) ? 'success' : 'error'
+    validateStatus: (value === null || value === void 0 ? void 0 : value.duration) ? 'success' : 'error'
   }, /*#__PURE__*/React.createElement(_InputNumber, {
-    value: value === null || value === void 0 ? void 0 : value.time,
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.duration,
     onChange: timeNumberChange,
     style: {
       width: '100%'
@@ -55,9 +57,10 @@ var TimeHorizon = function TimeHorizon(props) {
   }, /*#__PURE__*/React.createElement(_Form.Item, {
     label: " ",
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.type) ? 'success' : 'error'
+    validateStatus: (value === null || value === void 0 ? void 0 : value.unit) ? 'success' : 'error'
   }, /*#__PURE__*/React.createElement(_Select, {
-    value: value === null || value === void 0 ? void 0 : value.type,
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.unit,
     onChange: timeTypeChange
   }, /*#__PURE__*/React.createElement(_Select.Option, {
     value: "second"

package/es/pages/config-panel/components/time-trigger/delay-time.d.ts

@@ -3,6 +3,7 @@ import '../../style.less';
 interface Props {
     value?: any;
     onChange?: (value: any) => void;
+    disabled?: boolean;
 }
 declare const DelayTime: React.FC<Props>;
 export default DelayTime;

package/es/pages/config-panel/components/time-trigger/delay-time.js

@@ -5,10 +5,12 @@ import "../../style.less";
 
 var DelayTime = function DelayTime(props) {
   var value = props.value,
-      onChange = props.onChange;
+      onChange = props.onChange,
+      disabled = props.disabled;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('border-bottom', 'inner-bottom-box')
   }, /*#__PURE__*/React.createElement(TimeHorizon, {
+    disabled: disabled,
     title: "\u5EF6\u8FDF\u65F6\u95F4",
     value: value,
     onChange: onChange