@zgfe/business-lib 1.1.34-alpha.2 → 1.1.34-alpha.21

package/es/userCondition/conditions/order/runPeriodCondition.js

@@ -0,0 +1,142 @@
+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); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Input, DatePicker } from 'antd';
+import moment from 'moment';
+import '../styles/periodCondition.less';
+import { classPrefix } from '../..';
+import { operatorMap } from '../constants';
+import BizSelect from '../../../select';
+import RunTimesCondition from './runTimesCondition';
+var RangePicker = DatePicker.RangePicker;
+var RunPeriodCondition = function RunPeriodCondition(props) {
+  var onChange = props.onChange,
+    condition = props.condition,
+    isEvent = props.isEvent;
+  var options = [{
+    text: '最近',
+    value: 'relative'
+  }, {
+    text: '任意时间',
+    value: 'unlimited_time'
+  }, {
+    text: '固定时段',
+    value: 'absolute'
+  }];
+  if (isEvent) {
+    options = options.concat([{
+      text: '任意时间',
+      value: 'unlimited_time'
+    }, {
+      text: '新增后*',
+      value: 'join_time'
+    }]);
+  }
+  function onOperatorChange(option) {
+    var newData = {
+      operator: option.value
+    };
+    if (newData.operator === 'absolute') {
+      var endDate = moment().format('YYYY-MM-DD');
+      var startDate = moment().subtract(7, 'days').format('YYYY-MM-DD');
+      newData.values = [startDate, endDate];
+    }
+    if (newData.operator === 'relative') {
+      newData.values = [30, '0'];
+    }
+    if (newData.operator === 'unlimited_time') {
+      newData.values = [30, '0'];
+    }
+    if (newData.operator === 'join_time') {
+      newData.values = [3, '0'];
+    }
+    onChange(_objectSpread(_objectSpread({}, condition), {}, {
+      runPeriod: newData
+    }));
+  }
+  function onDateChange(newData) {
+    if (condition.runPeriod.operator === 'absolute') {
+      var dateRange = newData;
+      var newValues = dateRange.map(function (date) {
+        return date.format('YYYY-MM-DD');
+      });
+      onChange(_objectSpread(_objectSpread({}, condition), {}, {
+        runPeriod: _objectSpread(_objectSpread({}, condition.runPeriod), {}, {
+          values: newValues
+        })
+      }));
+    } else if (condition.runPeriod.operator === 'relative' || condition.runPeriod.operator === 'join_time') {
+      var newValue = newData.target.value;
+      onChange(_objectSpread(_objectSpread({}, condition), {}, {
+        runPeriod: _objectSpread(_objectSpread({}, condition.runPeriod), {}, {
+          values: [Number(newValue), '0']
+        })
+      }));
+    }
+  }
+  function renderValues() {
+    var _condition$runPeriod = condition.runPeriod,
+      operator = _condition$runPeriod.operator,
+      values = _condition$runPeriod.values;
+    if (operator === 'relative' || operator === 'join_time') {
+      return /*#__PURE__*/React.createElement(Input, {
+        key: "relative-date",
+        className: "".concat(classPrefix, "-select-condition"),
+        type: "number",
+        placeholder: "\u8BF7\u8F93\u5165",
+        value: values[0],
+        size: "middle",
+        onChange: onDateChange,
+        style: {
+          width: 80
+        },
+        suffix: "\u5929"
+      });
+    }
+    if (operator === 'absolute') {
+      return /*#__PURE__*/React.createElement(RangePicker, {
+        size: "middle",
+        defaultValue: [moment(values[0]), moment(values[1])],
+        onChange: onDateChange,
+        allowClear: false
+      });
+    }
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-operator")
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    dropdownExtra: isEvent ? /*#__PURE__*/React.createElement("div", {
+      style: {
+        lineHeight: '29px'
+      }
+    }, "*\u7528\u6237\u65B0\u589E\u6570\u636E\u4E3A\u6BCF\u65E5\u51CC\u6668\u751F\u6210") : null,
+    overlayWidth: isEvent ? 210 : 114,
+    options: options,
+    labelField: "text",
+    keyField: "value",
+    size: "middle",
+    value: {
+      value: condition.runPeriod.operator,
+      text: operatorMap[condition.runPeriod.operator]
+    },
+    onChange: onOperatorChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-values")
+  }, renderValues()), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-values")
+  }, /*#__PURE__*/React.createElement(RunTimesCondition, {
+    dataId: props.dataId,
+    condition: condition,
+    onChange: onChange
+  }))));
+};
+RunPeriodCondition.defaultProps = {
+  isEvent: false
+};
+export default RunPeriodCondition;

package/es/userCondition/conditions/order/runTimesCondition.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AllConditionBasePropsI, BizUserConditionT } from '../../types';
+import '../styles/periodCondition.less';
+export interface RunTimesConditionPropsI extends AllConditionBasePropsI<any> {
+    onChange: (condition: any) => void;
+    isEvent?: boolean;
+    index?: number;
+    condition: BizUserConditionT.BusinessCondition;
+}
+declare const RunTimesCondition: React.FC<RunTimesConditionPropsI>;
+export default RunTimesCondition;

package/es/userCondition/conditions/order/runTimesCondition.js

@@ -0,0 +1,112 @@
+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); }
+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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import { Input } from 'antd';
+import '../styles/periodCondition.less';
+import { classPrefix } from '../..';
+import BizSelect from '../../../select';
+import { typeList } from '../../../attrConditions/utils/operates';
+var RunTimesCondition = function RunTimesCondition(props) {
+  var onChange = props.onChange,
+    index = props.index,
+    condition = props.condition;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    operator = _useState2[0],
+    setOperator = _useState2[1];
+  useEffect(function () {
+    if (index !== undefined) {
+      setOperator(condition === null || condition === void 0 ? void 0 : condition.timeDimensions[index].frequencyOperator);
+    } else {
+      setOperator(condition === null || condition === void 0 ? void 0 : condition.runTimes.operator);
+    }
+  }, [index]);
+  var onOperateChange = function onOperateChange(operate) {
+    if (index !== undefined) {
+      condition.timeDimensions[index].frequencyOperator = operate.value;
+      condition.timeDimensions[index].frequencyValues = [condition.timeDimensions[index].frequencyValues[0]];
+      onChange(_objectSpread({}, condition));
+    } else {
+      condition.runTimes.values = [Number(condition.runTimes.values[0])];
+      condition.runTimes.operator = operate.value;
+      onChange(_objectSpread({}, condition));
+    }
+    setOperator(operate.value);
+  };
+  var onOperateInput0Change = function onOperateInput0Change(value) {
+    var newValue = value.target.value;
+    if (index !== undefined) {
+      condition.timeDimensions[index].frequencyValues[0] = Number(newValue);
+    } else {
+      condition.runTimes.values[0] = Number(newValue);
+    }
+    onChange(_objectSpread({}, condition));
+  };
+  var onOperateInput1Change = function onOperateInput1Change(value) {
+    var newValue = value.target.value;
+    if (index !== undefined) {
+      condition.timeDimensions[index].frequencyValues[1] = newValue;
+    } else {
+      condition.runTimes.values[1] = newValue;
+    }
+    onChange(_objectSpread({}, condition));
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition-operator")
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    className: "".concat(classPrefix, "-select-condition"),
+    options: typeList['cont-num'],
+    labelField: "name",
+    keyField: "value",
+    overlayWidth: 80,
+    value: {
+      value: operator,
+      name: operator
+    },
+    onChange: onOperateChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition")
+  }, /*#__PURE__*/React.createElement(Input, {
+    key: "relative-date",
+    className: "".concat(classPrefix, "-select-condition"),
+    type: operator !== 'between' ? 'number' : '',
+    size: "middle",
+    value: index !== undefined ? condition === null || condition === void 0 ? void 0 : condition.timeDimensions[index].frequencyValues[0] : condition === null || condition === void 0 ? void 0 : condition.runTimes.values[0],
+    placeholder: operator !== 'between' ? '请输入' : '输入最小值',
+    style: {
+      width: 100
+    },
+    onChange: onOperateInput0Change,
+    suffix: operator !== 'between' ? '次' : null
+  })), operator === 'between' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-period-condition"),
+    style: {
+      marginLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    key: "relative-date",
+    className: "".concat(classPrefix, "-select-condition"),
+    type: operator !== 'between' ? 'number' : '',
+    size: "middle",
+    value: index !== undefined ? condition === null || condition === void 0 ? void 0 : condition.timeDimensions[index].frequencyValues[1] : condition === null || condition === void 0 ? void 0 : condition.runTimes.values[1],
+    style: {
+      width: 100
+    },
+    placeholder: operator !== 'between' ? '请输入' : '输入最大值',
+    onChange: onOperateInput1Change,
+    suffix: operator !== 'between' ? '次' : null
+  })) : null));
+};
+export default RunTimesCondition;

package/es/userCondition/conditions/textDesc.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BizUserConditionT } from '../types';
 import './styles/textDesc.less';
 export interface TextProps {
-    condition: BizUserConditionT.ActiveCondition | BizUserConditionT.AddCondition | BizUserConditionT.PropCondition | BizUserConditionT.EventCondition | BizUserConditionT.TagsCondition | BizUserConditionT.CdpCondition;
+    condition: BizUserConditionT.ActiveCondition | BizUserConditionT.AddCondition | BizUserConditionT.PropCondition | BizUserConditionT.EventCondition | BizUserConditionT.TagsCondition | BizUserConditionT.CdpCondition | BizUserConditionT.OrderCondition | BizUserConditionT.BusinessCondition;
     showOrDesc: boolean;
 }
 declare const Text: React.FC<TextProps>;

package/es/userCondition/conditions/textDesc.js

@@ -13,6 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import _ from 'lodash';
 import React, { useContext, useMemo } from 'react';
 import { BizUserConditionContext, classPrefix } from '..';
+import { monthTimeOperatorType, monthValuesType, skyTimeOperatorType, timeDimensionType, timeValuesType, typeList, weekTimeOperatorType, weekValuesType, orderTypeList, computeTypeList, stringOperate } from '../../attrConditions/utils/operates';
 import BizGlobalDataContext from '../../context';
 import { findEvent, findPropAndEnv, buildSelectLayer } from '../util';
 import { durationHandler, operatorMap } from './constants';
@@ -49,6 +50,12 @@ var Text = function Text(props) {
     if (data.eventId === undefined) {
       return renderProps(data.attrs[0], 'user');
     }
+    if (String(data.eventId) === '-13') {
+      return renderOrder(data);
+    }
+    if (String(data.eventId) === '-14') {
+      return renderBusiness(data);
+    }
     if (data.eventId) {
       return renderEvent(data);
     }
@@ -103,6 +110,7 @@ var Text = function Text(props) {
     }
     var period = renderPeriod(periodLabel, condition.runPeriod, true);
     var runtimes = renderRuntimes(condition.runTimes);
+    var timeDimensions = renderTimeDimensions(condition.timeDimensions);
     var attrs = renderAttrs(event, condition.attrs);
     return /*#__PURE__*/React.createElement("span", {
       style: {
@@ -111,11 +119,91 @@ var Text = function Text(props) {
       }
     }, period, /*#__PURE__*/React.createElement("span", {
       className: "".concat(classPrefix, "-text-desc-value")
-    }, event.alias || event.name), attrs, runtimes);
+    }, event.alias || event.name), attrs, timeDimensions, runtimes);
+  }
+  function renderOrder(condition) {
+    var periodLabel = {};
+    if (condition.runPeriod.operator === 'join_time') {
+      periodLabel.before = '在新增后';
+      periodLabel.after = '天内';
+    }
+    if (condition.runPeriod.operator === 'relative' || condition.runPeriod.operator === 'absolute') {
+      periodLabel.before = '在';
+    }
+    var period = renderPeriod(periodLabel, condition.runPeriod, true);
+    var frequencyValues = renderFrequencyValues(condition.runTimes.values, condition.runTimes.operator, '次数');
+    var timeDimensions = renderTimeDimensions(condition.timeDimensions);
+    var property = renderProperty(condition.attrs, '订单属性');
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        backgroundColor: '#fffeeb',
+        padding: '6px 7px'
+      }
+    }, "\u8BA2\u5355\u6570\u636E ", period, timeDimensions, property, frequencyValues);
+  }
+  function renderBusiness(condition) {
+    var periodLabel = {};
+    if (condition.runPeriod.operator === 'join_time') {
+      periodLabel.before = '在新增后';
+      periodLabel.after = '天内';
+    }
+    if (condition.runPeriod.operator === 'relative' || condition.runPeriod.operator === 'absolute') {
+      periodLabel.before = '在';
+    }
+    var period = renderPeriod(periodLabel, condition.runPeriod, true);
+    var frequencyValues = renderFrequencyValues(condition.runTimes.values, condition.runTimes.operator, '次数');
+    var timeDimensions = renderTimeDimensions(condition.timeDimensions);
+    var property = renderProperty(condition.attrs, '业务属性');
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        backgroundColor: '#fffeeb',
+        padding: '6px 7px'
+      }
+    }, condition.typeName, period, timeDimensions, property, frequencyValues);
+  }
+  function renderProperty(attrs, label) {
+    var attrsDom = [];
+    attrs === null || attrs === void 0 ? void 0 : attrs.forEach(function (item, i) {
+      var attrTypeList = [];
+      var operateList = [];
+      switch (item.attrType) {
+        case 'cont-string':
+          attrTypeList = typeList['cont-string'];
+          operateList = stringOperate;
+          break;
+        case 'cont-num':
+          attrTypeList = computeTypeList;
+          operateList = typeList['cont-num'];
+          break;
+        default:
+          attrTypeList = typeList['cont-date'];
+          operateList = typeList['cont-date'];
+          break;
+      }
+      var orderType = orderTypeList.filter(function (v) {
+        return v.value === item.orderType;
+      });
+      var attrType = attrTypeList.filter(function (v) {
+        return v.value === (item.attrType === 'cont-num' ? item.computeType : item.operator);
+      });
+      var operator = operateList.filter(function (v) {
+        return v.value === item.computeType;
+      });
+      var frequencyValues = renderFrequencyValues(item.params, item.operator, item.attrType === 'cont-date' && item.operator !== 'absolute' ? '天数' : item.operator === 'absolute' ? '日期' : '');
+      if (label) {
+        var _orderType$, _attrType$, _operator$;
+        var dom = /*#__PURE__*/React.createElement("span", {
+          key: i
+        }, /*#__PURE__*/React.createElement("span", null, (_orderType$ = orderType[0]) === null || _orderType$ === void 0 ? void 0 : _orderType$.name), /*#__PURE__*/React.createElement("span", null, item.attrName), /*#__PURE__*/React.createElement("span", null, (_attrType$ = attrType[0]) === null || _attrType$ === void 0 ? void 0 : _attrType$.name), /*#__PURE__*/React.createElement("span", null, (_operator$ = operator[0]) === null || _operator$ === void 0 ? void 0 : _operator$.name), /*#__PURE__*/React.createElement("span", null, frequencyValues), i !== attrs.length - 1 ? '，' : '');
+        attrsDom.push(dom);
+      }
+    });
+    if (!attrsDom.length) return null;
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "\uFF08"), label, ":", attrsDom, /*#__PURE__*/React.createElement("span", null, "\uFF09"));
   }
   function renderAttrs(event, attrs) {
     var attrsDom = [];
-    attrs.forEach(function (attr, i) {
+    attrs === null || attrs === void 0 ? void 0 : attrs.forEach(function (attr, i) {
       var index = event.attrList.findIndex(function (item) {
         return item.id === attr.attrId;
       });
@@ -145,6 +233,76 @@ var Text = function Text(props) {
       className: "".concat(classPrefix, "-text-desc-value")
     }, runTimes.values[0]));
   }
+  function renderFrequencyValues(frequencyValues, frequencyOperator, frequency) {
+    var _frequencyOperatorLis;
+    var frequencyValuesDom = [];
+    var frequencyOperatorList = typeList['cont-num'].filter(function (v) {
+      return v.value === frequencyOperator;
+    });
+    frequencyValues === null || frequencyValues === void 0 ? void 0 : frequencyValues.forEach(function (item, i) {
+      var dom = /*#__PURE__*/React.createElement("span", {
+        key: i
+      }, /*#__PURE__*/React.createElement("span", null, item, i !== frequencyValues.length - 1 ? '到' : ''));
+      frequencyValuesDom.push(dom);
+    });
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, frequency), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, (_frequencyOperatorLis = frequencyOperatorList[0]) === null || _frequencyOperatorLis === void 0 ? void 0 : _frequencyOperatorLis.name), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, frequencyValuesDom));
+  }
+  function renderTimeDimensions(timeDimensions) {
+    var timeDimensionsDom = [];
+    timeDimensions === null || timeDimensions === void 0 ? void 0 : timeDimensions.forEach(function (item, i) {
+      var _label$, _operatorTypeList$;
+      var label = [];
+      var list = [];
+      var valuesList = [];
+      switch (item.timeDimension) {
+        case 1:
+          list = skyTimeOperatorType;
+          valuesList = timeValuesType;
+          break;
+        case 2:
+          list = weekTimeOperatorType;
+          valuesList = weekValuesType;
+          break;
+        default:
+          list = monthTimeOperatorType;
+          valuesList = monthValuesType;
+          break;
+      }
+      label = timeDimensionType.filter(function (v) {
+        return v.value === item.timeDimension;
+      });
+      var operatorTypeList = list.filter(function (v) {
+        return v.value === item.timeOperator;
+      });
+      var itemTimeValuesDom = [];
+      if (item.timeValues.length > 0) {
+        var _item$timeValues;
+        (_item$timeValues = item.timeValues) === null || _item$timeValues === void 0 ? void 0 : _item$timeValues.forEach(function (_v, vIndex) {
+          var _valuesTypeList$;
+          var valuesTypeList = valuesList.filter(function (v) {
+            return v.value === _v;
+          });
+          var dom = /*#__PURE__*/React.createElement("span", {
+            key: vIndex
+          }, /*#__PURE__*/React.createElement("span", null, (_valuesTypeList$ = valuesTypeList[0]) === null || _valuesTypeList$ === void 0 ? void 0 : _valuesTypeList$.name, vIndex !== item.timeValues.length - 1 ? '到' : ''));
+          itemTimeValuesDom.push(dom);
+        });
+      }
+      var frequencyValues = renderFrequencyValues(item.frequencyValues, item.frequencyOperator, '次数');
+      var dom = /*#__PURE__*/React.createElement("span", {
+        key: i
+      }, /*#__PURE__*/React.createElement("span", null, (_label$ = label[0]) === null || _label$ === void 0 ? void 0 : _label$.name, (_operatorTypeList$ = operatorTypeList[0]) === null || _operatorTypeList$ === void 0 ? void 0 : _operatorTypeList$.name, itemTimeValuesDom, frequencyValues, i !== timeDimensions.length - 1 ? '，' : ''));
+      timeDimensionsDom.push(dom);
+    });
+    if (!timeDimensionsDom.length) return null;
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "\uFF08"), "\u65F6\u95F4\u7EF4\u5EA6: ", timeDimensionsDom, /*#__PURE__*/React.createElement("span", null, "\uFF09"));
+  }
   function renderTags(condition) {
     var labels = condition.labels;
     return /*#__PURE__*/React.createElement("span", {

package/es/userCondition/conditions/timeDimension.d.ts

@@ -3,6 +3,7 @@ import './styles/runTimesCondition.less';
 export interface TimeDimensionPropsI {
     condition: any;
     index: number;
+    dataId: number;
     onChange: (condition: any) => void;
 }
 declare const TimeDimension: React.FC<TimeDimensionPropsI>;

package/es/userCondition/conditions/timeDimension.js

@@ -11,15 +11,16 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
-import { Input } from 'antd';
 import BizSelect from '../../select';
 import './styles/runTimesCondition.less';
 import { classPrefix } from '..';
-import { timeDimensionType, skyTimeOperatorType, weekTimeOperatorType, monthTimeOperatorType, timeValuesType, weekValuesType, monthValuesType, typeList } from '../../attrConditions/utils/operates';
+import { timeDimensionType, skyTimeOperatorType, weekTimeOperatorType, monthTimeOperatorType, timeValuesType, weekValuesType, monthValuesType } from '../../attrConditions/utils/operates';
+import RunTimesCondition from './order/runTimesCondition';
 var TimeDimension = function TimeDimension(props) {
-  var condition = props.condition,
-    index = props.index,
-    onChange = props.onChange;
+  var _condition$timeDimens, _condition$timeDimens3, _condition$timeDimens4, _condition$timeDimens5, _condition$timeDimens6, _condition$timeDimens7, _condition$timeDimens8, _condition$timeDimens9, _condition$timeDimens10, _condition$timeDimens11, _condition$timeDimens12, _condition$timeDimens13;
+  var onChange = props.onChange,
+    condition = props.condition,
+    index = props.index;
   var _useState = useState({
       name: '每天',
       value: 1
@@ -28,7 +29,7 @@ var TimeDimension = function TimeDimension(props) {
     setTimeDimensionTypeList = _useState2[1];
   var list = [];
   var valuesList = [];
-  switch (condition.timeDimensions[index].timeDimension) {
+  switch (condition === null || condition === void 0 ? void 0 : (_condition$timeDimens = condition.timeDimensions[index]) === null || _condition$timeDimens === void 0 ? void 0 : _condition$timeDimens.timeDimension) {
     case 1:
       list = skyTimeOperatorType;
       valuesList = timeValuesType;
@@ -50,21 +51,6 @@ var TimeDimension = function TimeDimension(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     timeValuesTypeList = _useState6[0],
     setTimeValuesTypeList = _useState6[1];
-  function onOperatorChange(data) {
-    condition.timeDimensions[index].frequencyOperator = data.value;
-    condition.timeDimensions[index].frequencyValues = [condition.timeDimensions[index].frequencyValues[0]];
-    onChange(_objectSpread({}, condition));
-  }
-  function onValue0Change(e) {
-    var value = e.target.value;
-    condition.timeDimensions[index].frequencyValues[0] = value;
-    onChange(_objectSpread({}, condition));
-  }
-  function onValue1Change(e) {
-    var value = e.target.value;
-    condition.timeDimensions[index].frequencyValues[1] = value;
-    onChange(_objectSpread({}, condition));
-  }
   var onTimeDimensionTypeChange = function onTimeDimensionTypeChange(operate) {
     setTimeDimensionTypeList(operate);
     switch (operate.value) {
@@ -85,7 +71,8 @@ var TimeDimension = function TimeDimension(props) {
     onChange(_objectSpread({}, condition));
   };
   var onTimeOperatorTypeChange = function onTimeOperatorTypeChange(operate) {
-    condition.timeDimensions[index].timeValues = [condition.timeDimensions[index].timeValues[0]];
+    var _condition$timeDimens2;
+    condition.timeDimensions[index].timeValues = [(_condition$timeDimens2 = condition.timeDimensions[index]) === null || _condition$timeDimens2 === void 0 ? void 0 : _condition$timeDimens2.timeValues[0]];
     condition.timeDimensions[index].timeOperator = operate.value;
     onChange(_objectSpread({}, condition));
   };
@@ -108,8 +95,8 @@ var TimeDimension = function TimeDimension(props) {
     keyField: "value",
     overlayWidth: 80,
     value: {
-      name: condition.timeDimensions[index].timeDimension,
-      value: condition.timeDimensions[index].timeDimension
+      name: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens3 = condition.timeDimensions[index]) === null || _condition$timeDimens3 === void 0 ? void 0 : _condition$timeDimens3.timeDimension,
+      value: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens4 = condition.timeDimensions[index]) === null || _condition$timeDimens4 === void 0 ? void 0 : _condition$timeDimens4.timeDimension
     },
     onChange: onTimeDimensionTypeChange
   })), /*#__PURE__*/React.createElement("div", {
@@ -121,11 +108,11 @@ var TimeDimension = function TimeDimension(props) {
     keyField: "value",
     overlayWidth: 120,
     value: {
-      name: condition.timeDimensions[index].timeOperator,
-      value: condition.timeDimensions[index].timeOperator
+      name: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens5 = condition.timeDimensions[index]) === null || _condition$timeDimens5 === void 0 ? void 0 : _condition$timeDimens5.timeOperator,
+      value: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens6 = condition.timeDimensions[index]) === null || _condition$timeDimens6 === void 0 ? void 0 : _condition$timeDimens6.timeOperator
     },
     onChange: onTimeOperatorTypeChange
-  })), condition.timeDimensions[index].timeOperator === 'in' || condition.timeDimensions[index].timeOperator === 'between' ? /*#__PURE__*/React.createElement("div", {
+  })), (condition === null || condition === void 0 ? void 0 : (_condition$timeDimens7 = condition.timeDimensions[index]) === null || _condition$timeDimens7 === void 0 ? void 0 : _condition$timeDimens7.timeOperator) === 'in' || (condition === null || condition === void 0 ? void 0 : (_condition$timeDimens8 = condition.timeDimensions[index]) === null || _condition$timeDimens8 === void 0 ? void 0 : _condition$timeDimens8.timeOperator) === 'between' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-period-condition-operator")
   }, /*#__PURE__*/React.createElement(BizSelect, {
     className: "".concat(classPrefix, "-select-condition"),
@@ -134,11 +121,11 @@ var TimeDimension = function TimeDimension(props) {
     keyField: "value",
     overlayWidth: 120,
     value: {
-      name: condition.timeDimensions[index].timeValues[0],
-      value: condition.timeDimensions[index].timeValues[0]
+      name: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens9 = condition.timeDimensions[index]) === null || _condition$timeDimens9 === void 0 ? void 0 : _condition$timeDimens9.timeValues[0],
+      value: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens10 = condition.timeDimensions[index]) === null || _condition$timeDimens10 === void 0 ? void 0 : _condition$timeDimens10.timeValues[0]
     },
     onChange: onTimeValuesType0Change
-  })) : null, condition.timeDimensions[index].timeOperator === 'between' ? /*#__PURE__*/React.createElement("div", {
+  })) : null, (condition === null || condition === void 0 ? void 0 : (_condition$timeDimens11 = condition.timeDimensions[index]) === null || _condition$timeDimens11 === void 0 ? void 0 : _condition$timeDimens11.timeOperator) === 'between' ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-period-condition-operator")
   }, /*#__PURE__*/React.createElement(BizSelect, {
     className: "".concat(classPrefix, "-select-condition"),
@@ -147,54 +134,17 @@ var TimeDimension = function TimeDimension(props) {
     keyField: "value",
     overlayWidth: 120,
     value: {
-      name: condition.timeDimensions[index].timeValues[1],
-      value: condition.timeDimensions[index].timeValues[1]
+      name: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens12 = condition.timeDimensions[index]) === null || _condition$timeDimens12 === void 0 ? void 0 : _condition$timeDimens12.timeValues[1],
+      value: condition === null || condition === void 0 ? void 0 : (_condition$timeDimens13 = condition.timeDimensions[index]) === null || _condition$timeDimens13 === void 0 ? void 0 : _condition$timeDimens13.timeValues[1]
     },
     onChange: onTimeValuesType1Change
   })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-period-condition-operator")
-  }, /*#__PURE__*/React.createElement(BizSelect, {
-    options: typeList['cont-num'],
-    labelField: "name",
-    overlayWidth: 100,
-    keyField: "value",
-    value: {
-      value: condition.timeDimensions[index].frequencyOperator,
-      name: condition.timeDimensions[index].frequencyOperator
-    },
-    size: "middle",
-    onChange: onOperatorChange
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-period-condition")
-  }, /*#__PURE__*/React.createElement(Input, {
-    key: "relative-date",
-    className: "".concat(classPrefix, "-select-condition"),
-    type: condition.timeDimensions[index].frequencyOperator !== 'between' ? 'number' : '',
-    size: "middle",
-    value: condition.timeDimensions[index].frequencyValues[0],
-    placeholder: condition.timeDimensions[index].frequencyOperator !== 'between' ? '请输入' : '输入最小值',
-    style: {
-      width: 100
-    },
-    onChange: onValue0Change,
-    suffix: condition.timeDimensions[index].frequencyOperator !== 'between' ? '次' : null
-  })), condition.timeDimensions[index].frequencyOperator === 'between' ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-period-condition"),
-    style: {
-      marginLeft: 10
-    }
-  }, /*#__PURE__*/React.createElement(Input, {
-    key: "relative-date",
-    className: "".concat(classPrefix, "-select-condition"),
-    type: condition.timeDimensions[index].frequencyOperator !== 'between' ? 'number' : '',
-    size: "middle",
-    placeholder: condition.timeDimensions[index].frequencyOperator !== 'between' ? '请输入' : '输入最大值',
-    value: condition.timeDimensions[index].frequencyValues[1],
-    style: {
-      width: 100
-    },
-    onChange: onValue1Change,
-    suffix: condition.timeDimensions[index].frequencyOperator !== 'between' ? '次' : null
-  })) : null));
+    className: "".concat(classPrefix, "-period-condition-values")
+  }, /*#__PURE__*/React.createElement(RunTimesCondition, {
+    index: index,
+    dataId: props.dataId,
+    condition: condition,
+    onChange: onChange
+  }))));
 };
 export default TimeDimension;