@zgfe/business-lib 1.0.0-beta.1

package/es/targetConditionGroup/components/conditionItem.js

@@ -0,0 +1,259 @@
+var _excluded = ["defaultValue", "eventIds", "appId", "platform", "options", "onChange", "onDelete"];
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+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; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React, { useContext, useEffect, useState } from 'react';
+import { Select } from 'antd';
+import { stringOperate } from '../data/operates';
+import './style/index.less';
+import { BizAttributeSelector, BizGlobalDataContext, BizMultipleSelector, IconFont } from '../..';
+import { ajax, util } from '../../utils';
+
+var BizConditionItem = function BizConditionItem(props) {
+  var _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? {} : _props$defaultValue,
+      eventIds = props.eventIds,
+      appId = props.appId,
+      platform = props.platform,
+      options = props.options,
+      _onChange = props.onChange,
+      onDelete = props.onDelete,
+      res = _objectWithoutProperties(props, _excluded); // 筛选值下拉框内容
+
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      conditionOptions = _useState2[0],
+      setConditionOptions = _useState2[1]; // 属性
+
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      attr = _useState4[0],
+      setAttr = _useState4[1]; // 属性值
+
+
+  var _useState5 = useState(defaultValue.params || []),
+      _useState6 = _slicedToArray(_useState5, 2),
+      condition = _useState6[0],
+      setCondition = _useState6[1]; // 条件式
+
+
+  var _useState7 = useState(defaultValue.operator || stringOperate[0].value),
+      _useState8 = _slicedToArray(_useState7, 2),
+      operator = _useState8[0],
+      setOperator = _useState8[1]; // 软件信息
+
+
+  var _useContext = useContext(BizGlobalDataContext),
+      appInfo = _useContext.appInfo,
+      eventMeta = _useContext.eventMeta,
+      userProps = _useContext.userProps,
+      eventEnv = _useContext.eventEnv; // 初始化属性对象
+
+
+  useEffect(function () {
+    var attrOption = options || {
+      event: eventMeta,
+      user: userProps,
+      env: eventEnv
+    };
+    var eventOption = [];
+    var eventData = attrOption.event || []; // 取event中的attr列表
+
+    var _iterator = _createForOfIteratorHelper(eventData),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var data = _step.value;
+        var eList = (data === null || data === void 0 ? void 0 : data.eventList) || [];
+
+        var _iterator2 = _createForOfIteratorHelper(eList),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _event = _step2.value;
+
+            if (_event.event_id == eventIds) {
+              eventOption = eventOption.concat(_event.event_attrs);
+              break;
+            }
+
+            if (!eventIds) {
+              eventOption = eventOption.concat(_event.event_attrs);
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    var event = eventOption.find(function (item) {
+      return item.attr_id == defaultValue.attr_id;
+    });
+    var user = attrOption.user && attrOption.user.find(function (item) {
+      return item.alias_name === defaultValue.attr_name || item.text === defaultValue.attr_name;
+    });
+    var env = attrOption.env && attrOption.env.find(function (item) {
+      return item.text === defaultValue.attr_name;
+    });
+    var attrObj = event || user || env || {};
+
+    if (attrObj.operator) {
+      delete attrObj.operator;
+    }
+
+    if (attrObj.params) {
+      delete attrObj.params;
+    }
+
+    if (util.equal(attr, attrObj)) return;
+    setAttr(function () {
+      return _objectSpread({}, attrObj);
+    });
+  }, [defaultValue]); // 属性更改回调
+
+  useEffect(function () {
+    var requestData = {
+      app_id: (appInfo === null || appInfo === void 0 ? void 0 : appInfo.appId) || appId,
+      platform: (appInfo === null || appInfo === void 0 ? void 0 : appInfo.platform) || platform,
+      dimension_sub: attr.dimension_sub,
+      limit: 10000,
+      attr: attr.id,
+      v: operator || ''
+    };
+    ajax({
+      url: '/data/queryEsData.jsp',
+      data: requestData
+    }).then(function (res) {
+      var data = res.sources || [];
+      setConditionOptions(function () {
+        return _toConsumableArray(data);
+      });
+    }).catch(function () {
+      setConditionOptions(function () {
+        return [];
+      });
+    }); // 清空条件值
+
+    setCondition(function () {
+      return [];
+    });
+  }, [attr]);
+  return /*#__PURE__*/React.createElement(BizAttributeSelector, _objectSpread(_objectSpread({}, res), {}, {
+    defaultValue: attr,
+    eventIds: String(eventIds),
+    options: options,
+    onChange: function onChange(attr, attr2) {
+      var data = {};
+
+      if (_typeof(attr) === 'object') {
+        data = _objectSpread({}, attr);
+      }
+
+      if (_typeof(attr2) === 'object') {
+        data = _objectSpread({}, attr2);
+      }
+
+      setAttr(function () {
+        return _objectSpread({}, data);
+      });
+
+      var data2 = _objectSpread(_objectSpread({}, data), {}, {
+        operator: operator,
+        params: _toConsumableArray(condition)
+      });
+
+      _onChange && _onChange(data2);
+    },
+    onDelete: onDelete,
+    showDeleteIcon: true,
+    responseType: 'object'
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "biz-condition-value-container"
+  }, /*#__PURE__*/React.createElement(Select, {
+    options: stringOperate,
+    defaultValue: operator,
+    className: "biz-condition-operate ".concat(!Object.keys(attr).length ? 'no-active' : ''),
+    bordered: false,
+    dropdownClassName: "small",
+    fieldNames: {
+      label: 'name',
+      value: 'value'
+    },
+    suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
+      className: "biz-icon1",
+      type: 'icon-xiangxia'
+    }),
+    onChange: function onChange(operate) {
+      setOperator(function () {
+        return operate;
+      });
+
+      var data = _objectSpread(_objectSpread({}, attr), {}, {
+        operator: operate,
+        params: _toConsumableArray(condition)
+      });
+
+      _onChange && _onChange(data);
+    }
+  }), /*#__PURE__*/React.createElement(BizMultipleSelector, {
+    options: conditionOptions,
+    defaultValue: condition,
+    onChange: function onChange(condition) {
+      setCondition(function () {
+        return _toConsumableArray(condition);
+      });
+
+      var data = _objectSpread(_objectSpread({}, attr), {}, {
+        operator: operator,
+        params: _toConsumableArray(condition)
+      });
+
+      _onChange && _onChange(data);
+    }
+  })));
+};
+
+export default BizConditionItem;

package/es/targetConditionGroup/components/style/group.less

@@ -0,0 +1,47 @@
+@import '../../../commonStyle/index.less';
+
+.biz-attr-group-container {
+  display: flex;
+  .biz-attr-group-content {
+    flex: 1;
+    .biz-select-cotainer:nth-last-child(1) {
+      margin-bottom: 0;
+    }
+    &:nth-child(:first-child) {
+      height: 300px;
+    }
+  }
+  .biz-attr-group-operate {
+    position: relative;
+    width: 1px;
+    margin-right: 16px;
+    margin-left: 8px;
+    background: #ecedf0;
+    .biz-attr-operate {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 16px;
+      border-radius: 3px;
+      transform: translate(-50%, -50%);
+      div {
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px;
+        text-align: center;
+        cursor: pointer;
+        .box-hover();
+        &:nth-child(:first-child) {
+          border-radius: 2px 2px 0px 0px;
+        }
+        &:nth-last-child(1) {
+          border-radius: 0px 0px 2px 2px;
+        }
+        &.active {
+          .box-active();
+        }
+      }
+    }
+  }
+}

package/es/targetConditionGroup/components/style/index.less

@@ -0,0 +1,16 @@
+.biz-condition-value-container {
+  display: flex;
+  width: 100%;
+  margin-top: 2px;
+
+  .biz-condition-operate {
+    width: 88px !important;
+    margin-right: 8px;
+    background: #f6f6f6;
+  }
+}
+.no-active {
+  .ant-select-selector {
+    color: #9797af;
+  }
+}

package/es/targetConditionGroup/data/operates.d.ts

@@ -0,0 +1,36 @@
+export declare const numberOperate: {
+    name: string;
+    value: string;
+}[];
+export declare const stringOperate: {
+    name: string;
+    value: string;
+}[];
+export declare const strOperateMap: {
+    equal: string;
+    contains: string;
+    'not equal': string;
+    'not contains': string;
+    'begin with': string;
+    'end with': string;
+    'not begin with': string;
+    'not end with': string;
+    'is null': string;
+    'is not null': string;
+};
+export declare const dateOperate: {
+    name: string;
+    value: string;
+}[];
+export declare const dimensionOperate: ({
+    name: string;
+    value: string;
+    children?: undefined;
+} | {
+    name: string;
+    value: string;
+    children: {
+        name: string;
+        value: string;
+    }[];
+})[];

package/es/targetConditionGroup/data/operates.js

@@ -0,0 +1,98 @@
+export var numberOperate = [{
+  name: '>',
+  value: 'gt'
+}, {
+  name: '=',
+  value: 'equal'
+}, {
+  name: '<',
+  value: 'lt'
+}, {
+  name: '>=',
+  value: 'ge'
+}, {
+  name: '<=',
+  value: 'le'
+}, {
+  name: '≠',
+  value: 'not equal'
+}];
+export var stringOperate = [{
+  name: '是',
+  value: 'equal'
+}, {
+  name: '包含',
+  value: 'contains'
+}, {
+  name: '不是',
+  value: 'not equal'
+}, {
+  name: '不包含',
+  value: 'not contains'
+}, {
+  name: '开头是',
+  value: 'begin with'
+}, {
+  name: '结尾是',
+  value: 'end with'
+}, {
+  name: '开头不是',
+  value: 'not begin with'
+}, {
+  name: '结尾不是',
+  value: 'not end with'
+}, {
+  name: '是空值',
+  value: 'is null'
+}, {
+  name: '不是空值',
+  value: 'is not null'
+}];
+export var strOperateMap = {
+  equal: '是',
+  contains: '包含',
+  'not equal': '不是',
+  'not contains': '不包含',
+  'begin with': '开头是',
+  'end with': '结尾是',
+  'not begin with': '开头不是',
+  'not end with': '结尾不是',
+  'is null': '是空值',
+  'is not null': '不是空值'
+};
+export var dateOperate = [{
+  name: '最近',
+  value: 'relative'
+}, {
+  name: '固定时段',
+  value: 'absolute'
+}];
+export var dimensionOperate = [{
+  name: '人数',
+  value: 'number'
+}, {
+  name: '次数',
+  value: 'count'
+}, {
+  name: '活跃比',
+  value: 'ratio'
+}, {
+  name: '人均次数',
+  value: 'perTimes'
+}, {
+  name: '金额',
+  value: 'money',
+  children: [{
+    name: '总和',
+    value: 'sum'
+  }, {
+    name: '均值',
+    value: 'mean'
+  }, {
+    name: '分布',
+    value: 'distribution'
+  }, {
+    name: '中位数',
+    value: 'median'
+  }]
+}];

package/es/targetConditionGroup/demo/data/env.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    dimension_sub: string;
+    value_dict: boolean;
+    name: string;
+    id: number;
+    text: string;
+    category: string;
+    type: number;
+    alias_name: null;
+}[];
+export default _default;

package/es/targetConditionGroup/demo/data/env.js

@@ -0,0 +1,181 @@
+export default [{
+  dimension_sub: 'browser_brand',
+  value_dict: false,
+  name: 'browser_brand',
+  id: 0,
+  text: '浏览器品牌',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'browser_version',
+  value_dict: false,
+  name: 'browser_version',
+  id: 0,
+  text: '浏览器版本',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'website',
+  value_dict: false,
+  name: 'website',
+  id: 0,
+  text: '来源域名',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'platform',
+  value_dict: false,
+  name: 'platform',
+  id: 0,
+  text: '平台',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'referer_url',
+  value_dict: false,
+  name: 'referer_url',
+  id: 0,
+  text: '来源URL',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'current_url',
+  value_dict: false,
+  name: 'current_url',
+  id: 0,
+  text: '当前URL',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'country',
+  value_dict: false,
+  name: 'country',
+  id: 0,
+  text: '国家',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'area',
+  value_dict: false,
+  name: 'area',
+  id: 0,
+  text: '省份',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'city',
+  value_dict: false,
+  name: 'city',
+  id: 0,
+  text: '城市',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'os',
+  value_dict: false,
+  name: 'os',
+  id: 0,
+  text: '操作系统',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'ov',
+  value_dict: false,
+  name: 'ov',
+  id: 0,
+  text: '系统版本',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'resolution_h',
+  value_dict: false,
+  name: 'resolution_h',
+  id: 0,
+  text: '屏幕高度',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'resolution_l',
+  value_dict: false,
+  name: 'resolution_l',
+  id: 0,
+  text: '屏幕宽度',
+  category: 'fixed',
+  type: 2,
+  alias_name: null
+}, {
+  dimension_sub: 'first_referer_url',
+  value_dict: false,
+  name: 'first_referer_url',
+  id: 0,
+  text: '初始来源URL',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'ip',
+  value_dict: false,
+  name: 'ip',
+  id: 0,
+  text: 'IP',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'utm_source',
+  value_dict: false,
+  name: 'utm_source',
+  id: 0,
+  text: 'utm_source',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'utm_medium',
+  value_dict: false,
+  name: 'utm_medium',
+  id: 0,
+  text: 'utm_medium',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'utm_campaign',
+  value_dict: false,
+  name: 'utm_campaign',
+  id: 0,
+  text: 'utm_campaign',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'utm_content',
+  value_dict: false,
+  name: 'utm_content',
+  id: 0,
+  text: 'utm_content',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}, {
+  dimension_sub: 'utm_term',
+  value_dict: false,
+  name: 'utm_term',
+  id: 0,
+  text: 'utm_term',
+  category: 'fixed',
+  type: 1,
+  alias_name: null
+}];