@zgfe/business-lib 1.0.16 → 1.0.18-esfix.1

package/es/userCondition/conditions/styles/eventCondition.less

@@ -8,10 +8,13 @@
     flex: 1;
   }
   .biz-user-condition-event {
-    width: 355px;
+    width: 200px;
     .biz-event-select-handle {
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
+      .biz-select-handle-input {
+        background-color: @background-color-gray;
+      }
     }
   }
   &-times-period-wrap {
@@ -21,14 +24,12 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 30px;
-    height: 42px;
+    width: 38px;
+    height: 40px;
     margin-right: @margin-xs;
-    border: 1px solid @border-color-base;
-    border-left: none;
+    margin-left: @border-radius-small;
+    background-color: @background-color-gray;
     border-radius: @border-radius-small;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
     cursor: pointer;
   }
   &-attrs {
@@ -40,6 +41,7 @@
   &-label {
     display: flex;
     align-items: center;
+    min-width: 28px;
     height: 42px;
     margin-right: @margin-xs;
   }

package/es/userCondition/conditions/styles/periodCondition.less

@@ -7,8 +7,20 @@
   &-values,
   &-unit {
     margin-right: @margin-xs;
+    > input {
+      border: none !important;
+    }
   }
   &-operator {
     width: 129px;
   }
+  &-values {
+    .ant-picker-range.ant-picker-larg {
+      min-width: 255px;
+    }
+  }
+  &-today {
+    margin-left: @margin-xs;
+    white-space: nowrap;
+  }
 }

package/es/userCondition/conditions/styles/propCondition.less

@@ -26,11 +26,19 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 30px;
-      height: 30px;
-      border: 1px solid @border-color-base;
+      width: 40px;
+      height: 40px;
+      background-color: @background-color-gray;
       border-radius: @border-radius-sx;
       cursor: pointer;
     }
   }
+  .biz-condition-item-panel {
+    .biz-condition-item-input {
+      .ant-input {
+        height: 40px;
+        border: none;
+      }
+    }
+  }
 }

package/es/userCondition/conditions/styles/runTimesCondition.less

@@ -9,6 +9,9 @@
   &-value {
     width: 58px;
     margin-right: @margin-xs;
+    > input {
+      border: none !important;
+    }
   }
   .biz-user-condition-runtimes-tip {
     color: @primary-color;

package/es/userCondition/conditions/styles/tagsCondition.less

@@ -0,0 +1,20 @@
+@import '../../../assets/styles/variable.less';
+.biz-user-condition-tags-condition {
+  display: flex;
+  &-label {
+    margin-right: @margin-xs;
+  }
+  &-value {
+    margin-left: @margin-xs;
+  }
+  &-label {
+    line-height: 40px;
+  }
+  &-value {
+    flex: 1;
+    min-width: 0;
+  }
+  &-operator {
+    width: 96px;
+  }
+}

package/es/userCondition/conditions/styles/textDesc.less

@@ -0,0 +1,17 @@
+@import '../../../assets/styles/variable.less';
+.biz-user-condition {
+  &-text-desc {
+    color: @text-color-secondary;
+    font-size: 14px;
+    &-or {
+      margin: 0 @margin-xs;
+    }
+    &-label {
+    }
+    &-operator {
+    }
+    &-value {
+      color: @text-color;
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AllConditionBasePropsI, BizUserConditionT } from '../types';
+import './styles/tagsCondition.less';
+declare type Labels = BizUserConditionT.Labels;
+export interface TagsConditionPropI extends AllConditionBasePropsI<Labels> {
+    labels: Labels;
+}
+declare const TagsCondition: React.FC<TagsConditionPropI>;
+export default TagsCondition;

package/es/userCondition/conditions/tagsCondition.js

@@ -0,0 +1,107 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import React, { useContext, useState } from 'react';
+import { BizUserConditionContext, classPrefix } from '..';
+import BizSelect from '../../select';
+import { operatorMap } from './constants';
+import BizUserTagsSelect from '../../userTagsSelector';
+import './styles/tagsCondition.less';
+import { findTagFactory } from '../util';
+var options = [{
+  value: 'equal',
+  text: '是'
+}, {
+  value: 'not equal',
+  text: '不是'
+}];
+
+var TagsCondition = function TagsCondition(props) {
+  var _useContext = useContext(BizUserConditionContext),
+      userTagsData = _useContext.userTagsData;
+
+  var labels = props.labels,
+      dataId = props.dataId,
+      onChange = props.onChange;
+
+  var _useState = useState(function () {
+    return buildDefaultValues();
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      defaultValues = _useState2[0];
+
+  function onOperatorChange(operator) {
+    onChange(dataId, _objectSpread(_objectSpread({}, labels), {}, {
+      operator: operator.value
+    }));
+  }
+
+  function onTagsChange(data) {
+    var values = data.map(function (item) {
+      return item[1].labelId;
+    });
+    onChange(dataId, _objectSpread(_objectSpread({}, labels), {}, {
+      values: values
+    }));
+  }
+
+  function buildDefaultValues() {
+    var values = [];
+    var findTag = findTagFactory(userTagsData);
+    labels.values.forEach(function (id) {
+      var tag = findTag(id);
+
+      if (tag) {
+        values.push([tag.labelGroup, tag]);
+      }
+    });
+    return values;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-tags-condition")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-tags-condition-label")
+  }, "\u7528\u6237\u6807\u7B7E"), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-tags-condition-operator")
+  }, /*#__PURE__*/React.createElement(BizSelect, {
+    options: options,
+    labelField: "text",
+    keyField: "value",
+    value: {
+      value: labels.operator,
+      text: operatorMap[labels.operator]
+    },
+    onChange: onOperatorChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-tags-condition-value")
+  }, /*#__PURE__*/React.createElement(BizUserTagsSelect, {
+    defaultValue: defaultValues,
+    data: userTagsData,
+    childFields: ['children'],
+    keyFields: ['labelGroup', 'labelId'],
+    labelFields: ['labelGroup', 'labelName'],
+    valueFields: ['labelGroup', 'labelId'],
+    onChange: onTagsChange,
+    destroyPopupOnHide: true
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classPrefix, "-tags-condition-unit")
+  }));
+};
+
+export default TagsCondition;

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

@@ -0,0 +1,9 @@
+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;
+    showOrDesc: boolean;
+}
+declare const Text: React.FC<TextProps>;
+export default Text;

package/es/userCondition/conditions/textDesc.js

@@ -0,0 +1,241 @@
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React, { useContext, useMemo } from 'react';
+import { BizUserConditionContext, classPrefix } from '..';
+import BizGlobalDataContext from '../../context';
+import { findEvent, findPropAndEnv, findTagFactory } from '../util';
+import { durationHandler, operatorMap } from './constants';
+import './styles/textDesc.less';
+
+var Text = function Text(props) {
+  var _useContext = useContext(BizUserConditionContext),
+      userPropsMap = _useContext.userPropsMap;
+
+  var condition = props.condition,
+      showOrDesc = props.showOrDesc;
+
+  var _useContext2 = useContext(BizGlobalDataContext),
+      eventGroupList = _useContext2.eventGroupList,
+      userPropList = _useContext2.userPropList,
+      eventEnvList = _useContext2.eventEnvList;
+
+  var _useContext3 = useContext(BizUserConditionContext),
+      userTagsData = _useContext3.userTagsData;
+
+  function render() {
+    if (condition.labels) {
+      return renderTags(condition);
+    }
+
+    if (condition.eventId === '-4') {
+      return renderPeriod({
+        before: '活跃于'
+      }, condition.runPeriod);
+    }
+
+    if (condition.eventId === '-3') {
+      return renderPeriod({
+        before: '新增于'
+      }, condition.runPeriod);
+    }
+
+    if (condition.eventId === undefined) {
+      return renderProps(condition.attrs[0], 'user');
+    }
+
+    if (condition.eventId) {
+      return renderEvent(condition);
+    }
+  }
+
+  function renderPeriod(label, period, isEvent) {
+    var _label$after;
+
+    var valuesDom = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, period.values[0]), /*#__PURE__*/React.createElement("span", null, (_label$after = label.after) !== null && _label$after !== void 0 ? _label$after : '天'));
+
+    if (period.operator === 'unlimited_time') {
+      return /*#__PURE__*/React.createElement("span", null, "\u5728\u4EFB\u610F\u65F6\u95F4\u5185");
+    }
+
+    if (period.operator === 'absolute') {
+      valuesDom = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-text-desc-value")
+      }, period.values[0]), /*#__PURE__*/React.createElement("span", null, "\u5230"), /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-text-desc-value")
+      }, period.values[1]));
+    }
+
+    return /*#__PURE__*/React.createElement("span", {
+      style: !isEvent ? {
+        backgroundColor: '#effcff',
+        padding: '6px 7px'
+      } : {}
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "label"
+    }, label.before), period.operator === 'relative' ? /*#__PURE__*/React.createElement("span", null, "\u6700\u8FD1") : null, valuesDom);
+  }
+
+  function renderProps(attr, type) {
+    var data = null;
+
+    if (type === 'user') {
+      var _data;
+
+      data = findPropAndEnv(attr.attrName, userPropList !== null && userPropList !== void 0 ? userPropList : []);
+      return /*#__PURE__*/React.createElement("span", {
+        style: {
+          backgroundColor: '#effcff',
+          padding: '6px 7px'
+        }
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(classPrefix, "-text-desc-label")
+      }, (_data = data) === null || _data === void 0 ? void 0 : _data.label), renderPropValues(attr));
+    }
+  }
+
+  function renderEvent(condition) {
+    var event = findEvent(condition.eventId, eventGroupList !== null && eventGroupList !== void 0 ? eventGroupList : []);
+    if (!event) return null;
+    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 runtimes = renderRuntimes(condition.runTimes);
+    var attrs = renderAttrs(event, condition.attrs);
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        backgroundColor: '#fffeeb',
+        padding: '6px 7px'
+      }
+    }, period, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, event.name), attrs, runtimes);
+  }
+
+  function renderAttrs(event, attrs) {
+    var attrsDom = [];
+    attrs.forEach(function (attr, i) {
+      var index = event.attrList.findIndex(function (item) {
+        return item.id === attr.attrId;
+      });
+      var label = '';
+
+      if (index >= 0) {
+        label = event === null || event === void 0 ? void 0 : event.attrList[index].label;
+      } else if (eventEnvList) {
+        var env = findPropAndEnv(attr.attrName, eventEnvList);
+        label = env ? env.label : '';
+      }
+
+      if (label) {
+        var dom = /*#__PURE__*/React.createElement("span", {
+          key: i
+        }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", null, renderPropValues(attr)), i !== attrs.length - 1 ? '，' : '');
+        attrsDom.push(dom);
+      }
+    });
+    if (!attrsDom.length) return null;
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, "\uFF08"), attrsDom, /*#__PURE__*/React.createElement("span", null, "\uFF09"));
+  }
+
+  function renderRuntimes(runTimes) {
+    return /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, "\u6B21\u6570"), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, runTimes.operator), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, runTimes.values[0]));
+  }
+
+  function renderTags(condition) {
+    var labels = condition.labels;
+    return /*#__PURE__*/React.createElement("span", {
+      style: {
+        backgroundColor: '#effcff',
+        padding: '6px 7px'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "label"
+    }, /*#__PURE__*/React.createElement("b", null, "\u7528\u6237\u6807\u7B7E")), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("b", null, operatorMap[labels.operator])), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, /*#__PURE__*/React.createElement("span", null, "("), labels.values.map(function (id, index) {
+      var tag = findTag(id);
+      return /*#__PURE__*/React.createElement("span", {
+        key: id
+      }, index >= 1 ? /*#__PURE__*/React.createElement("span", {
+        style: {
+          margin: '0 4px'
+        }
+      }, "\u6216") : null, /*#__PURE__*/React.createElement("span", null, tag && tag.labelName));
+    }), /*#__PURE__*/React.createElement("span", null, ")")));
+  }
+
+  function renderPropValues(attr) {
+    if (attr.attrType === 'cont-date') {
+      return renderDateValues(attr.operator, attr.params);
+    } else if (attr.attrType === 'cont-num') {
+      return renderNumValues(attr);
+    } else if (attr.attrType === 'cont-string') {
+      return renderStringValues(attr);
+    }
+  }
+
+  function renderStringValues(attr) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-operator")
+    }, operatorMap[attr.operator]), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(classPrefix, "-text-desc-value")
+    }, attr.params.map(function (param, i) {
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: param
+      }, i > 0 ? /*#__PURE__*/React.createElement("span", null, "\u6216") : null, /*#__PURE__*/React.createElement("span", null, param));
+    })));
+  }
+
+  function renderNumValues(attr) {
+    var numOperatorMap = _objectSpread(_objectSpread({}, operatorMap), {}, {
+      'not equal': '≠'
+    });
+
+    if (userPropsMap[attr.attrName] && userPropsMap[attr.attrName].subtype === 2) {
+      var handler = durationHandler[attr.params[1]];
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, numOperatorMap[attr.operator]), /*#__PURE__*/React.createElement("span", null, handler.format(attr.params[0])), /*#__PURE__*/React.createElement("span", null, handler.unit));
+    }
+
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, operatorMap[attr.operator]), /*#__PURE__*/React.createElement("span", null, attr.params[0]));
+  }
+
+  function renderDateValues(operator, params) {
+    if (operator === 'relative') {
+      return /*#__PURE__*/React.createElement("span", null, "\u4E3A\u6700\u8FD1".concat(params[0], "\u5929"));
+    }
+
+    if (operator === 'absolute') {
+      return /*#__PURE__*/React.createElement("span", null, "\u4E3A".concat(params[0], "\u5230").concat(params[1]));
+    }
+  }
+
+  var findTag = useMemo(function () {
+    return findTagFactory(userTagsData);
+  }, [userTagsData]);
+  return /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-text-desc")
+  }, showOrDesc ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(classPrefix, "-text-desc-or")
+  }, "\u6216\u8005") : null, render());
+};
+
+export default Text;