@zgfe/modules-attribution 1.0.1-alpha.29 → 1.0.1-alpha.31

package/es/components/searchTime/index.js

@@ -42,7 +42,8 @@ var SearchTime = function SearchTime(props) {
     className: classPrefix
   }, /*#__PURE__*/React.createElement(BizDatePicker, {
     value: time,
-    onChange: onChangeTime
+    onChange: onChangeTime,
+    selectRange: 365
   }));
 };
 export default SearchTime;

package/es/modules/home/demo/edit.js

@@ -3,121 +3,102 @@ import { DemoWrapper, setGlobalConfig } from '@zgfe/business-lib';
 import { AttributionHome } from '@zgfe/modules-attribution';
 import { requestConfig } from '../../../utils/ajaxConfig';
 var defaultValue = {
-  id: 1426,
-  name: '999',
-  type: 0,
-  enlarged: 0,
-  panelId: 438,
-  panelType: 'edit',
   data: {
-    "app_id": 21,
+    "app_id": 331,
     "module": "attribution",
     "targetFilters": [{
-      "eventId": 6078,
-      "eventName": "埋点事件-11",
+      "eventId": 4024,
+      "eventName": "收入",
       "filters": {
         "relation": "and",
         "conditions": [{
-          "attrId": 139498,
+          "attrId": 31331,
           "propCategory": "eventProp",
           "type": 2,
           "operator": "gt",
-          "values": ["99"],
+          "values": ["88"],
           "dimensionSub": "event_attr",
-          "label": "商品总价",
-          "attrName": "商品总价"
+          "label": "price",
+          "attrName": "price"
         }, {
-          "attrId": 139372,
+          "attrId": 31328,
           "propCategory": "eventProp",
-          "type": 1,
-          "operator": "equal",
-          "values": ["12"],
+          "type": 2,
+          "operator": "gt",
+          "values": ["99"],
           "dimensionSub": "event_attr",
-          "label": "机身宽度",
-          "attrName": "机身宽度"
+          "label": "total",
+          "attrName": "total"
         }]
       }
     }],
     "sourceFilters": [{
-      "eventId": 6090,
-      "eventName": "间隔事件-01",
+      "eventId": 4023,
+      "eventName": "查看商品",
       "filters": {
         "relation": "and",
         "conditions": [{
-          "attrId": 139498,
+          "attrId": 31321,
           "propCategory": "eventProp",
           "type": 2,
           "operator": "gt",
-          "values": ["11"],
+          "values": ["77"],
           "dimensionSub": "event_attr",
-          "label": "商品总价",
-          "attrName": "商品总价"
+          "label": "商品价格",
+          "attrName": "商品价格"
         }, {
-          "attrId": 139488,
+          "attrId": 31332,
           "propCategory": "eventProp",
-          "type": 2,
-          "operator": "gt",
-          "values": ["77"],
+          "type": 1,
+          "operator": "equal",
+          "values": ["移动电话"],
           "dimensionSub": "event_attr",
-          "label": "商品单价",
-          "attrName": "商品单价"
+          "label": "商品类型",
+          "attrName": "商品类型"
         }]
       },
       "attributionSubdivision": {
-        relation: "and",
-        conditions: {
+        "relation": "and",
+        "conditions": {
           "propCategory": "eventProp",
           "type": 1,
-          "attrId": 139499
+          "attrId": 31332
         }
       }
     }, {
-      "eventId": 6088,
-      "eventName": "间隔事件-02",
+      "eventId": 4026,
+      "eventName": "加购商品",
       "filters": {
         "relation": "and",
         "conditions": [{
-          "attrId": 139494,
+          "attrId": 31334,
           "propCategory": "eventProp",
           "type": 2,
           "operator": "gt",
-          "values": ["22"],
+          "values": ["66"],
           "dimensionSub": "event_attr",
-          "label": "商品总价",
-          "attrName": "商品总价"
+          "label": "商品价格",
+          "attrName": "商品价格"
         }, {
-          "attrId": 139493,
+          "attrId": 31336,
           "propCategory": "eventProp",
-          "type": 2,
-          "operator": "gt",
-          "values": ["33"],
+          "type": 1,
+          "operator": "equal",
+          "values": ["移动电话"],
           "dimensionSub": "event_attr",
-          "label": "商品单价",
-          "attrName": "商品单价"
+          "label": "商品类型",
+          "attrName": "商品类型"
         }]
       },
       "attributionSubdivision": {
-        relation: "and",
-        conditions: {
+        "relation": "and",
+        "conditions": {
           "propCategory": "eventProp",
           "type": 1,
-          "attrId": 139490
+          "attrId": 31329
         }
       }
     }],
-    "globalFilters": {
-      "relation": "and",
-      "conditions": [{
-        "attrId": 139300,
-        "propCategory": "eventProp",
-        "type": 2,
-        "operator": "gt",
-        "values": ["87"],
-        "dimensionSub": "event_attr",
-        "label": "商品价格",
-        "attrName": "商品价格"
-      }]
-    },
     "attributionType": 3,
     "otherEvent": true,
     "windowCnt": 2,
@@ -125,12 +106,11 @@ var defaultValue = {
     "time": {
       "unit": "day",
       "relative": [14, 0],
-      "begin": "2023-05-17",
-      "end": "2023-05-31"
+      "begin": "2023-05-29",
+      "end": "2023-06-12"
     },
     "chartType": "grid"
-  },
-  chosen_data: []
+  }
 };
 export default (function () {
   useEffect(function () {
@@ -141,7 +121,7 @@ export default (function () {
   };
   return /*#__PURE__*/React.createElement(DemoWrapper, {
     needMeta: true,
-    defaultApp: 21
+    defaultApp: 331
   }, /*#__PURE__*/React.createElement(AttributionHome, {
     defaultValue: defaultValue,
     afterEditTarget: afterEditTarget

package/es/modules/searchPanel/components/attributableEvents.js

@@ -140,6 +140,10 @@ var AttributableEvents = function AttributableEvents(props) {
     }, 0);
   };
   var onMinceProp = function onMinceProp() {
+    console.log('attrSelectShow', attrSelectShow);
+    if (attrSelectShow) {
+      return;
+    }
     if (ReasonData !== undefined || bizEventSelectorDefaultValue !== undefined) {
       setAttrSelectShow(true);
       setButtonDisable(true);

package/es/modules/searchPanel/components/globalAttribute.d.ts

@@ -4,6 +4,7 @@ declare const GlobalAttribute: React.FC<{
     value?: AttrConditionTypes.GroupValue;
     max?: number;
     eventIdList?: number[];
+    setAttrGlobalCount: Function;
     onChange?: (val: any) => void;
 }>;
 export default GlobalAttribute;

package/es/modules/searchPanel/components/globalAttribute.js

@@ -9,7 +9,8 @@ import React, { useEffect, useRef, useState } from 'react';
 var GlobalAttribute = function GlobalAttribute(props) {
   var classPrefix = 'mi-left-form';
   var max = props.max,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    setAttrGlobalCount = props.setAttrGlobalCount;
   var conditionRef = useRef(null);
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -35,9 +36,13 @@ var GlobalAttribute = function GlobalAttribute(props) {
     if (props.eventIdList[0] === -100) return;
     conditionRef.current.add();
   };
+  useEffect(function () {
+    setAttrGlobalCount(count);
+  }, [count]);
   return /*#__PURE__*/React.createElement("div", null, props.eventIdList && props.eventIdList[0] === -100 ? '' : /*#__PURE__*/React.createElement(BizAttrConditionGroup, {
     ref: conditionRef,
     value: props.value,
+    onlyAnd: true,
     enableEventProp: true,
     enableDelete: true,
     eventIdList: props.eventIdList,

package/es/modules/searchPanel/index.js

@@ -15,7 +15,7 @@ import SearchContent from './components/index';
 import GlobalAttribute from './components/globalAttribute';
 import './styles/index.less';
 import _ from 'lodash';
-import { targetChangeCallback, submitButtonDisableHandle } from './utils';
+import { targetChangeCallback, operableOrNotHandle } from './utils';
 import { searchFields } from '../../constants/fields';
 import { AttributableContext } from '../../types';
 export var classPrefix = 'mi-left-form';
@@ -77,6 +77,10 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState20 = _slicedToArray(_useState19, 2),
     mincePropCount = _useState20[0],
     setMincePropCount = _useState20[1];
+  var _useState21 = useState(0),
+    _useState22 = _slicedToArray(_useState21, 2),
+    attrGlobalCount = _useState22[0],
+    setAttrGlobalCount = _useState22[1];
   var getSelectEventIdList = function getSelectEventIdList(data, type, eList) {
     if (data[type]) {
       data[type].forEach(function (target) {
@@ -94,13 +98,14 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setEventIdList(_eList);
     setSelectList(eList);
   };
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray(_useState21, 2),
-    reset = _useState22[0],
-    setReset = _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    reset = _useState24[0],
+    setReset = _useState24[1];
   useEffect(function () {
     if (defaultValue && reset !== null) {
       var data = defaultValue;
+      console.log('初始化', data);
       if (reset) {
         data = {
           targetFilters: initTarget,
@@ -134,8 +139,12 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onChange = function onChange(_changedValues, allValues) {
     setFormData(allValues);
     setSelectEventIdList(_.cloneDeep(allValues));
-    setButtonDisable(submitButtonDisableHandle(allValues, attrSourceCount, attrTargetCount, mincePropCount));
   };
+  useEffect(function () {
+    if (formData) {
+      setButtonDisable(operableOrNotHandle(formData, attrSourceCount, attrTargetCount, mincePropCount, attrGlobalCount));
+    }
+  }, [formData, attrSourceCount, attrTargetCount, mincePropCount, attrGlobalCount]);
   var onFinish = function onFinish(isFetchRequest) {
     form.validateFields().then(function (res) {
       res.otherEvent = otherEvent;
@@ -166,10 +175,10 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setWindowType(1);
     setOtherEvent(false);
   };
-  var _useState23 = useState(1),
-    _useState24 = _slicedToArray(_useState23, 2),
-    windowType = _useState24[0],
-    setWindowType = _useState24[1];
+  var _useState25 = useState(1),
+    _useState26 = _slicedToArray(_useState25, 2),
+    windowType = _useState26[0],
+    setWindowType = _useState26[1];
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement(Skeleton, {
@@ -194,7 +203,8 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
         name: item.name
       }, /*#__PURE__*/React.createElement(GlobalAttribute, {
         max: item.max,
-        eventIdList: eventIdList
+        eventIdList: eventIdList,
+        setAttrGlobalCount: setAttrGlobalCount
       })));
     }
     return /*#__PURE__*/React.createElement(Form.List, {
@@ -322,6 +332,7 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: windowCnt,
     min: 1,
     max: 365,
+    precision: 0,
     onChange: function onChange(e) {
       setWindowCnt(Number(e));
     }

package/es/modules/searchPanel/utils.d.ts

@@ -1,8 +1,8 @@
 import { SearchValueProps } from '../../types';
 import { EventSelectTypes } from '@zgfe/business-lib/es/eventSelector/types';
 export declare function targetChangeCallback(data: SearchValueProps, eList: number[], eventGroupList: EventSelectTypes.Value[]): SearchValueProps;
-export declare function submitButtonDisableHandle(data: SearchValueProps, attrSourceCount: {
+export declare function operableOrNotHandle(data: SearchValueProps, attrSourceCount: {
     [x: number]: number;
 }, attrTargetCount: number, mincePropCount: {
     [x: number]: number;
-}): boolean;
+}, attrGlobalCount: number): boolean;

package/es/modules/searchPanel/utils.js

@@ -38,14 +38,18 @@ var judgeAttrInEvents = function judgeAttrInEvents(elds, attrId, eventGroupList)
   });
   return flag;
 };
-export function submitButtonDisableHandle(data, attrSourceCount, attrTargetCount, mincePropCount) {
+export function operableOrNotHandle(data, attrSourceCount, attrTargetCount, mincePropCount, attrGlobalCount) {
   var flag = false;
   data.attributionType === undefined ? flag = true : null;
-  buttonDisable(data, 'sourceFilters', attrSourceCount, mincePropCount) ? flag = true : null;
-  buttonDisable(data, 'targetFilters', attrTargetCount) ? flag = true : null;
+  if (subsetHandle(data, 'sourceFilters', attrSourceCount, mincePropCount)) flag = true;
+  if (subsetHandle(data, 'targetFilters', attrTargetCount)) flag = true;
+  if (attrGlobalCount && data.globalFilters === undefined) flag = true;
+  if (data.globalFilters && conditionsHandle('globalFilters', data.globalFilters, attrGlobalCount, 0)) {
+    flag = true;
+  }
   return flag;
 }
-var buttonDisable = function buttonDisable(data, type, count, mincePropCount) {
+var subsetHandle = function subsetHandle(data, type, count, mincePropCount) {
   var flag = false;
   data[type].map(function (item) {
     item === undefined ? flag = true : null;
@@ -61,22 +65,24 @@ var buttonDisable = function buttonDisable(data, type, count, mincePropCount) {
         }
       }
       if ((item === null || item === void 0 ? void 0 : item.filters) && ((_item$filters = item.filters) === null || _item$filters === void 0 ? void 0 : _item$filters.conditions.length) > 0) {
-        var _item$filters2;
-        (_item$filters2 = item.filters) === null || _item$filters2 === void 0 ? void 0 : _item$filters2.conditions.map(function (_item) {
-          if (_item.operator !== 'is null' && _item.operator !== 'is not null') {
-            var _item$values;
-            _item.values && ((_item$values = _item.values) === null || _item$values === void 0 ? void 0 : _item$values.length) <= 0 ? flag = true : null;
-          }
-        });
-        if (type === 'targetFilters') {
-          var _item$filters3;
-          ((_item$filters3 = item.filters) === null || _item$filters3 === void 0 ? void 0 : _item$filters3.conditions.length) != count ? flag = true : null;
-        } else {
-          var _item$filters4;
-          ((_item$filters4 = item.filters) === null || _item$filters4 === void 0 ? void 0 : _item$filters4.conditions.length) != count[item.eventId] ? flag = true : null;
-        }
+        flag = conditionsHandle(type, item.filters, count, item.eventId);
       }
     }
   });
   return flag;
+};
+var conditionsHandle = function conditionsHandle(type, data, count, eventId) {
+  var flag = false;
+  data.conditions.map(function (_item) {
+    if (_item.operator !== 'is null' && _item.operator !== 'is not null') {
+      var _item$values;
+      _item.values && ((_item$values = _item.values) === null || _item$values === void 0 ? void 0 : _item$values.length) <= 0 ? flag = true : null;
+    }
+  });
+  if (type === 'targetFilters' || type === 'globalFilters') {
+    data.conditions.length != count ? flag = true : null;
+  } else {
+    data.conditions.length != count[eventId] ? flag = true : null;
+  }
+  return flag;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-attribution",
-  "version": "1.0.1-alpha.29",
+  "version": "1.0.1-alpha.31",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -37,7 +37,7 @@
     "@types/lodash": "^4.14.191",
     "@umijs/fabric": "^2.8.1",
     "@umijs/test": "^3.0.5",
-    "@zgfe/business-lib": "1.1.41-attribution.7",
+    "@zgfe/business-lib": "1.1.41-attribution.8",
     "antd": "^4.22.6",
     "dumi": "^1.1.0",
     "echarts": "^5.3.2",
@@ -50,5 +50,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "a81e8298a86e15554b7b057e78fb92d7000ee0e6"
+  "gitHead": "6e8a5d0c3cfddc86db0f1928ac2f670afa6e0974"
 }