@zgfe/business-lib 1.1.35 → 1.1.36

package/es/userCondition/conditions/eventCondition.js

@@ -9,13 +9,20 @@ import BizEventSelector from '../../eventSelector';
 import RunTimesCondition from './runTimesCondition';
 import PeriodCondition from './periodCondition';
 import PropCondition from './propCondition';
+import { DownOutlined } from '@ant-design/icons';
 import './styles/eventCondition.less';
 import { BizUserConditionContext, classPrefix } from '..';
+import { Dropdown, notification, Space } from 'antd';
+import TimeDimension from './timeDimension';
 import { Tooltip } from 'antd';
 import IconFont from '../../icon/iconFont';
+import BizGlobalDataContext from '../../context';
 var EventCondition = function EventCondition(props) {
+  var _condition$timeDimens2, _condition$timeDimens3;
   var _useContext = useContext(BizUserConditionContext),
     isRealTime = _useContext.isRealTime;
+  var _useContext2 = useContext(BizGlobalDataContext),
+    currentUser = _useContext2.currentUser;
   var condition = props.condition,
     dataId = props.dataId;
   function onChange(data) {
@@ -50,7 +57,39 @@ var EventCondition = function EventCondition(props) {
       }]
     }));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  var onClick = function onClick(_ref) {
+    var key = _ref.key;
+    if (key === 'time dimension') {
+      var _condition$timeDimens;
+      var obj = {
+        frequencyValues: ['1'],
+        frequencyOperator: '>',
+        timeDimension: 1,
+        timeOperator: 'all',
+        timeValues: []
+      };
+      if (((_condition$timeDimens = condition.timeDimensions) === null || _condition$timeDimens === void 0 ? void 0 : _condition$timeDimens.length) < 3) {
+        condition.timeDimensions.push(obj);
+      } else {
+        notification.info({
+          message: '时间维度最多增加3条'
+        });
+      }
+    }
+    onChange(_objectSpread({}, condition));
+  };
+  var items = [{
+    label: '时间维度',
+    key: 'time dimension'
+  }];
+  function onTimeDimensionChange(condition) {
+    onChange(_objectSpread({}, condition));
+  }
+  function onTimeDimensionsDelete(index) {
+    condition.timeDimensions.splice(index, 1);
+    onChange(_objectSpread({}, condition));
+  }
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-event-condition")
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(classPrefix, "-event-condition-left")
@@ -104,6 +143,48 @@ var EventCondition = function EventCondition(props) {
     onChange: onPeriodChange,
     isEvent: true,
     isRealTime: isRealTime
-  })))));
+  }))))), (_condition$timeDimens2 = condition.timeDimensions) === null || _condition$timeDimens2 === void 0 ? void 0 : _condition$timeDimens2.map(function (_item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: '10px 0 0 38px'
+      },
+      className: "".concat(classPrefix, "-item"),
+      key: index
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(classPrefix, "-period-condition-label")
+    }, "\u65F6\u95F4\u7EF4\u5EA6"), /*#__PURE__*/React.createElement(TimeDimension, {
+      onChange: onTimeDimensionChange,
+      condition: condition,
+      index: index,
+      dataId: dataId
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "biz-user-condition-item-delete",
+      onClick: function onClick() {
+        return onTimeDimensionsDelete(index);
+      }
+    }, /*#__PURE__*/React.createElement(IconFont, {
+      type: "qingchu"
+    }))));
+  }), ((_condition$timeDimens3 = condition.timeDimensions) === null || _condition$timeDimens3 === void 0 ? void 0 : _condition$timeDimens3.length) < 3 && ((currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 0 || (currentUser === null || currentUser === void 0 ? void 0 : currentUser.serviceType) === 2) ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '2px 0 0 38px',
+      color: '#4075fd',
+      fontSize: '12px'
+    }
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: items,
+      onClick: onClick
+    }
+  }, /*#__PURE__*/React.createElement("a", {
+    onClick: function onClick(e) {
+      return e.preventDefault();
+    }
+  }, /*#__PURE__*/React.createElement(Space, null, "\u9AD8\u7EA7\u7B5B\u9009", /*#__PURE__*/React.createElement(DownOutlined, null))))) : null);
 };
 export default EventCondition;

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './styles/runTimesCondition.less';
+export interface TimeDimensionPropsI {
+    condition: any;
+    index: number;
+    dataId: number;
+    onChange: (condition: any) => void;
+}
+declare const TimeDimension: React.FC<TimeDimensionPropsI>;
+export default TimeDimension;