strategy-panel 1.0.1 → 1.0.2

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

@@ -1,14 +1,3 @@
-import "antd/es/time-picker/style";
-import _TimePicker from "antd/es/time-picker";
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-
 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; }
@@ -16,7 +5,9 @@ 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 { Col, Form, TimePicker, Row, Select } from 'antd';
 import classNames from 'classnames';
+import moment from 'moment';
 import "../../../style.less";
 var MonthDayList = Array.from(new Array(31), function (item, index) {
   return index + 1;
@@ -35,66 +26,66 @@ var CycleTime = function CycleTime(props) {
 
   var cycleTimeChange = function cycleTimeChange(time) {
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, value), {}, {
-      time: time
+      time: time === null || time === void 0 ? void 0 : time.valueOf()
     }));
   };
 
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('border-bottom', 'inner-bottom-box')
-  }, /*#__PURE__*/React.createElement(_Row, {
+  }, /*#__PURE__*/React.createElement(Row, {
     gutter: 8
-  }, (value === null || value === void 0 ? void 0 : value.cycle) !== 'day' && /*#__PURE__*/React.createElement(_Col, {
+  }, (value === null || value === void 0 ? void 0 : value.cycle) !== 'day' && /*#__PURE__*/React.createElement(Col, {
     span: 12
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u89E6\u53D1\u65F6\u95F4",
     required: true,
     className: "no-margin-bottom",
-    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, {
+    validateStatus: value !== null && value !== 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, {
+  }, /*#__PURE__*/React.createElement(Select.Option, {
     value: 8
-  }, "\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 9
-  }, "\u975E\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u975E\u5DE5\u4F5C\u65E5"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 1
-  }, "\u5468\u4E00"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u4E00"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 2
-  }, "\u5468\u4E8C"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u4E8C"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 3
-  }, "\u5468\u4E09"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u4E09"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 4
-  }, "\u5468\u56DB"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u56DB"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 5
-  }, "\u5468\u4E94"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u4E94"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 6
-  }, "\u5468\u516D"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, "\u5468\u516D"), /*#__PURE__*/React.createElement(Select.Option, {
     value: 7
-  }, "\u5468\u65E5")), (value === null || value === void 0 ? void 0 : value.cycle) === 'month' && /*#__PURE__*/React.createElement(_Select, {
+  }, "\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, {
+    return /*#__PURE__*/React.createElement(Select.Option, {
       key: item,
       value: item
     }, item, "\u65E5");
-  })))), /*#__PURE__*/React.createElement(_Col, {
+  })))), /*#__PURE__*/React.createElement(Col, {
     span: (value === null || value === void 0 ? void 0 : value.cycle) === 'day' ? 24 : 12
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__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.time) ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_TimePicker, {
+    validateStatus: value !== null && value !== 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.time,
+    value: (value === null || value === void 0 ? void 0 : value.time) && moment(value.time),
     onChange: cycleTimeChange
   })))));
 };

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

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

package/es/{pages → components/canvas}/config-panel/components/time-trigger/components/time-horizon.js

@@ -1,14 +1,3 @@
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import "antd/es/col/style";
-import _Col from "antd/es/col";
-import "antd/es/row/style";
-import _Row from "antd/es/row";
-
 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; }
@@ -16,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 { Col, Form, InputNumber, Row, Select } from 'antd';
 import "../../../style.less";
 
 var TimeHorizon = function TimeHorizon(props) {
@@ -36,40 +26,40 @@ var TimeHorizon = function TimeHorizon(props) {
     }));
   };
 
-  return /*#__PURE__*/React.createElement(_Row, {
+  return /*#__PURE__*/React.createElement(Row, {
     gutter: 8
-  }, /*#__PURE__*/React.createElement(_Col, {
+  }, /*#__PURE__*/React.createElement(Col, {
     span: 12
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: title,
     required: true,
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.duration) ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_InputNumber, {
+    validateStatus: value !== null && value !== void 0 && value.duration ? 'success' : 'error'
+  }, /*#__PURE__*/React.createElement(InputNumber, {
     disabled: disabled,
     value: value === null || value === void 0 ? void 0 : value.duration,
     onChange: timeNumberChange,
     style: {
       width: '100%'
     }
-  }))), /*#__PURE__*/React.createElement(_Col, {
+  }))), /*#__PURE__*/React.createElement(Col, {
     span: 12
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: " ",
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.unit) ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_Select, {
+    validateStatus: value !== null && value !== void 0 && value.unit ? 'success' : 'error'
+  }, /*#__PURE__*/React.createElement(Select, {
     disabled: disabled,
     value: value === null || value === void 0 ? void 0 : value.unit,
     onChange: timeTypeChange
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "second"
-  }, "s"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "minute"
-  }, "min"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "hour"
-  }, "h"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "day"
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: "SECONDS"
+  }, "s"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "MINUTES"
+  }, "min"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "HOURS"
+  }, "h"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "DAYS"
   }, "\u5929")))));
 };
 

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

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

package/es/components/canvas/config-panel/components/time-trigger/effective-time.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+interface Props {
+    value?: any;
+    onChange?: (value?: any) => void;
+}
+declare const EffectiveTime: FC<Props>;
+export default EffectiveTime;

package/es/components/canvas/config-panel/components/time-trigger/effective-time.js

@@ -0,0 +1,43 @@
+import { DatePicker } from 'antd';
+import { cloneDeep } from 'lodash';
+import moment from 'moment';
+import classNames from 'classnames';
+import React from 'react';
+var RangePicker = DatePicker.RangePicker;
+
+var EffectiveTime = function EffectiveTime(props) {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? [{}] : _props$value,
+      onChange = props.onChange;
+
+  var handleDateChange = function handleDateChange(range, index) {
+    var _range$, _range$2;
+
+    var cloneValue = cloneDeep(value);
+    cloneValue[index] = {
+      startDateTime: range === null || range === void 0 ? void 0 : (_range$ = range[0]) === null || _range$ === void 0 ? void 0 : _range$.format('YYYY-MM-DD HH:mm'),
+      endDateTime: range === null || range === void 0 ? void 0 : (_range$2 = range[1]) === null || _range$2 === void 0 ? void 0 : _range$2.format('YYYY-MM-DD HH:mm')
+    };
+    onChange === null || onChange === void 0 ? void 0 : onChange(cloneValue);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('border-bottom', 'inner-bottom-box')
+  }, value === null || value === void 0 ? void 0 : value.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: (item === null || item === void 0 ? void 0 : item.key) || index
+    }, /*#__PURE__*/React.createElement(RangePicker, {
+      value: (item === null || item === void 0 ? void 0 : item.startDateTime) && (item === null || item === void 0 ? void 0 : item.endDateTime) && [moment(item === null || item === void 0 ? void 0 : item.startDateTime), moment(item === null || item === void 0 ? void 0 : item.endDateTime)],
+      onChange: function onChange(range) {
+        return handleDateChange(range, index);
+      },
+      style: {
+        width: '100%'
+      },
+      showTime: true,
+      format: "YYYY-MM-DD HH:mm"
+    }));
+  }));
+};
+
+export default EffectiveTime;

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

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

package/es/{pages → components/canvas}/config-panel/components/time-trigger/index.js

@@ -1,8 +1,3 @@
-import "antd/es/select/style";
-import _Select from "antd/es/select";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-
 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."); }
@@ -16,10 +11,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import React, { useState } from 'react';
+import { Form, Select } from 'antd';
 import DelayTime from "./delay-time";
 import PersistentTime from "./persistent-time";
 import IntervalTime from "./interval-time";
 import TimingTime from "./timing-time";
+import SectionTime from "./section-time";
 import classNames from 'classnames';
 import "../../style.less";
 
@@ -42,7 +39,7 @@ var TimeTrigger = function TimeTrigger(props) {
   };
 
   var modeComponent = {
-    delay: /*#__PURE__*/React.createElement(DelayTime, {
+    delayed: /*#__PURE__*/React.createElement(DelayTime, {
       disabled: modeDisabled,
       value: value,
       onChange: onChange
@@ -61,29 +58,33 @@ var TimeTrigger = function TimeTrigger(props) {
       disabled: modeDisabled,
       value: value,
       onChange: onChange
+    }),
+    section: /*#__PURE__*/React.createElement(SectionTime, {
+      disabled: modeDisabled,
+      value: value,
+      onChange: onChange
     })
   };
+  console.log('xxxxxxxxxxxxx time-trigger', value);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: classNames('border-bottom', 'inner-bottom-box')
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u89E6\u53D1\u6A21\u5F0F",
     required: true,
     className: "no-margin-bottom",
-    validateStatus: (value === null || value === void 0 ? void 0 : value.mode) || isFirst ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_Select, {
+    validateStatus: value !== null && value !== void 0 && value.mode || isFirst ? 'success' : 'error'
+  }, /*#__PURE__*/React.createElement(Select, {
     disabled: modeDisabled,
     allowClear: true,
     onChange: handleModeChange,
     value: value === null || value === void 0 ? void 0 : value.mode
-  }, /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "delay"
-  }, "\u5EF6\u8FDF"), /*#__PURE__*/React.createElement(_Select.Option, {
+  }, /*#__PURE__*/React.createElement(Select.Option, {
+    value: "delayed"
+  }, "\u5EF6\u8FDF"), /*#__PURE__*/React.createElement(Select.Option, {
     value: "duration"
-  }, "\u6301\u7EED"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "interval"
-  }, "\u95F4\u9694"), /*#__PURE__*/React.createElement(_Select.Option, {
-    value: "timing"
-  }, "\u5B9A\u65F6")))), (value === null || value === void 0 ? void 0 : value.mode) && modeComponent[value.mode]);
+  }, "\u6301\u7EED"), /*#__PURE__*/React.createElement(Select.Option, {
+    value: "section"
+  }, "\u533A\u95F4")))), (value === null || value === void 0 ? void 0 : value.mode) && modeComponent[value.mode]);
 };
 
 export default TimeTrigger;

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

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

package/es/{pages → components/canvas}/config-panel/components/time-trigger/interval-time.js

@@ -1,8 +1,3 @@
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-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; }
@@ -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 { Form, InputNumber } from 'antd';
 import TimeHorizon from "./components/time-horizon";
 import classNames from 'classnames';
 import "../../style.less";
@@ -34,12 +30,12 @@ var IntervalTime = function IntervalTime(props) {
     onChange: onChange
   })), /*#__PURE__*/React.createElement("div", {
     className: classNames('border-bottom', 'inner-bottom-box')
-  }, /*#__PURE__*/React.createElement(_Form.Item, {
+  }, /*#__PURE__*/React.createElement(Form.Item, {
     label: "\u95F4\u9694\u6B21\u6570",
     required: true,
     className: 'no-margin-bottom',
-    validateStatus: (value === null || value === void 0 ? void 0 : value.intervalTimes) ? 'success' : 'error'
-  }, /*#__PURE__*/React.createElement(_InputNumber, {
+    validateStatus: value !== null && value !== void 0 && value.intervalTimes ? 'success' : 'error'
+  }, /*#__PURE__*/React.createElement(InputNumber, {
     style: {
       width: '100%'
     },

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

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

package/es/components/canvas/config-panel/components/time-trigger/section-Detail.d.ts

@@ -0,0 +1,10 @@
+import type { FC } from 'react';
+import '../../style.less';
+interface Props {
+    mode: 'HOURS' | 'DAYS' | 'MONTHS';
+    value?: any;
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+}
+declare const SectionDetail: FC<Props>;
+export default SectionDetail;

package/es/components/canvas/config-panel/components/time-trigger/section-Detail.js

@@ -0,0 +1,125 @@
+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 { TimePicker, Select } from 'antd';
+import { cloneDeep } from 'lodash';
+import moment from 'moment';
+import React from 'react';
+import "../../style.less";
+var RangePicker = TimePicker.RangePicker;
+var MonthList = Array.from(new Array(12), function (item, index) {
+  return index + 1;
+});
+var DayList = Array.from(new Array(31), function (item, index) {
+  return index + 1;
+});
+
+var SectionDetail = function SectionDetail(props) {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? [{}] : _props$value,
+      mode = props.mode,
+      onChange = props.onChange;
+
+  var handleDateChange = function handleDateChange(range, index) {
+    var _range$, _range$2;
+
+    var cloneValue = cloneDeep(value);
+    cloneValue[index].times = {
+      startTime: range === null || range === void 0 ? void 0 : (_range$ = range[0]) === null || _range$ === void 0 ? void 0 : _range$.format('HH:mm'),
+      endTime: range === null || range === void 0 ? void 0 : (_range$2 = range[1]) === null || _range$2 === void 0 ? void 0 : _range$2.format('HH:mm')
+    };
+    onChange === null || onChange === void 0 ? void 0 : onChange(cloneValue);
+  };
+
+  var handleSelectChange = function handleSelectChange(name, range, index) {
+    var _cloneValue$index;
+
+    var cloneValue = cloneDeep(value);
+
+    if (cloneValue !== null && cloneValue !== void 0 && (_cloneValue$index = cloneValue[index]) !== null && _cloneValue$index !== void 0 && _cloneValue$index.range) {
+      cloneValue[index].range[name] = range;
+    } else {
+      cloneValue[index].range = _defineProperty({}, name, range);
+    }
+
+    onChange === null || onChange === void 0 ? void 0 : onChange(cloneValue);
+  };
+
+  return value === null || value === void 0 ? void 0 : value.map(function (item, index) {
+    var _item$times, _item$times2, _item$times3, _item$times4, _item$range, _item$range2, _item$range3, _item$range4;
+
+    return /*#__PURE__*/React.createElement("div", {
+      key: (item === null || item === void 0 ? void 0 : item.key) || index
+    }, mode === 'HOURS' && /*#__PURE__*/React.createElement(RangePicker, {
+      value: (item === null || item === void 0 ? void 0 : (_item$times = item.times) === null || _item$times === void 0 ? void 0 : _item$times.startTime) && (item === null || item === void 0 ? void 0 : (_item$times2 = item.times) === null || _item$times2 === void 0 ? void 0 : _item$times2.endTime) && [moment(item === null || item === void 0 ? void 0 : (_item$times3 = item.times) === null || _item$times3 === void 0 ? void 0 : _item$times3.startTime, 'HH:mm'), moment(item === null || item === void 0 ? void 0 : (_item$times4 = item.times) === null || _item$times4 === void 0 ? void 0 : _item$times4.endTime, 'HH:mm')],
+      onChange: function onChange(range) {
+        return handleDateChange(range, index);
+      },
+      style: {
+        width: '100%'
+      },
+      format: "HH:mm"
+    }), mode === 'MONTHS' && /*#__PURE__*/React.createElement("div", {
+      className: "section-detail-select"
+    }, /*#__PURE__*/React.createElement(Select, {
+      style: {
+        width: '50%'
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
+      value: item === null || item === void 0 ? void 0 : (_item$range = item.range) === null || _item$range === void 0 ? void 0 : _item$range.start,
+      onChange: function onChange(range) {
+        return handleSelectChange('start', range, index);
+      }
+    }, MonthList === null || MonthList === void 0 ? void 0 : MonthList.map(function (child) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: child,
+        value: child
+      }, child);
+    })), /*#__PURE__*/React.createElement(Select, {
+      style: {
+        width: '50%'
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",
+      value: item === null || item === void 0 ? void 0 : (_item$range2 = item.range) === null || _item$range2 === void 0 ? void 0 : _item$range2.end,
+      onChange: function onChange(range) {
+        return handleSelectChange('end', range, index);
+      }
+    }, MonthList === null || MonthList === void 0 ? void 0 : MonthList.map(function (child) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: child,
+        value: child
+      }, child);
+    }))), mode === 'DAYS' && /*#__PURE__*/React.createElement("div", {
+      className: "section-detail-select"
+    }, /*#__PURE__*/React.createElement(Select, {
+      style: {
+        width: '50%'
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65F6\u95F4",
+      value: item === null || item === void 0 ? void 0 : (_item$range3 = item.range) === null || _item$range3 === void 0 ? void 0 : _item$range3.start,
+      onChange: function onChange(range) {
+        return handleSelectChange('start', range, index);
+      }
+    }, DayList === null || DayList === void 0 ? void 0 : DayList.map(function (child) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: child,
+        value: child
+      }, child);
+    })), /*#__PURE__*/React.createElement(Select, {
+      style: {
+        width: '50%'
+      },
+      placeholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65F6\u95F4",
+      value: item === null || item === void 0 ? void 0 : (_item$range4 = item.range) === null || _item$range4 === void 0 ? void 0 : _item$range4.end,
+      onChange: function onChange(range) {
+        return handleSelectChange('end', range, index);
+      }
+    }, DayList === null || DayList === void 0 ? void 0 : DayList.map(function (child) {
+      return /*#__PURE__*/React.createElement(Select.Option, {
+        key: child,
+        value: child
+      }, child);
+    }))));
+  });
+};
+
+export default SectionDetail;

package/es/components/canvas/config-panel/components/time-trigger/section-time.d.ts

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