@zgfe/modules-attribution 1.0.2-alpha.4 → 1.0.2-alpha.6

package/es/components/tableList/styles/index.less

@@ -1,5 +1,8 @@
 .table-list {
   margin-top: 25px;
+  .ant-table-wrapper{
+    margin-bottom: 40px;
+  }
   &-empty-tips {
     margin-top: 112px;
     text-align: center;

package/es/constants/fields.d.ts

@@ -5,3 +5,7 @@ export declare const chartTypes: {
     value: string;
 }[];
 export declare const searchFields: SearchPanelTypes.FieldProp[];
+export declare const attributionTypeTooltips: {
+    text: string;
+    title: string;
+}[];

package/es/constants/fields.js

@@ -29,4 +29,17 @@ export var searchFields = [{
   max: 5,
   addLabel: '添加属性',
   required: false
+}];
+export var attributionTypeTooltips = [{
+  text: '首次触点归因',
+  title: '完成目标事件的「待归因事件」中，第一个「待归因事件」贡献为100%'
+}, {
+  text: '末次触点归因',
+  title: '完成目标事件的「待归因事件」中，最后一个「待归因事件」贡献为100%'
+}, {
+  text: '线性归因',
+  title: '完成目标事件的「待归因事件」中，所有「待归因事件」平均分配贡献'
+}, {
+  text: '位置归因',
+  title: '完成目标事件的「待归因事件」中，首位和末位「待归因事件」各获40%贡献，其余「待归因事件」平分20%贡献'
 }];

package/es/modules/searchPanel/index.js

@@ -16,7 +16,7 @@ import GlobalAttribute from './components/globalAttribute';
 import './styles/index.less';
 import _ from 'lodash';
 import { targetChangeCallback, operableOrNotHandle } from './utils';
-import { searchFields } from '../../constants/fields';
+import { searchFields, attributionTypeTooltips } from '../../constants/fields';
 import { AttributableContext } from '../../types';
 export var classPrefix = 'form-box';
 var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -173,6 +173,16 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _useState24 = _slicedToArray(_useState23, 2),
     windowType = _useState24[0],
     setWindowType = _useState24[1];
+  var attributionTypeTooltip = function attributionTypeTooltip(type) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      overlayClassName: "attribution-type-tooltip ".concat(type === 2 || type === 3 ? 'attribution-type-tooltip-distance' : ''),
+      placement: "right",
+      getPopupContainer: function getPopupContainer() {
+        return document.getElementById('attribution-type');
+      },
+      title: attributionTypeTooltips[type].title
+    }, attributionTypeTooltips[type].text);
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: classPrefix
   }, /*#__PURE__*/React.createElement("p", {
@@ -270,7 +280,8 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       color: 'red'
     }
   }, "* "), "\u5F52\u56E0\u6A21\u578B"), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-bottom-form")
+    className: "".concat(classPrefix, "-bottom-form"),
+    id: "attribution-type"
   }, /*#__PURE__*/React.createElement("p", {
     className: "p"
   }, "\u5206\u6790\u6A21\u578B"), /*#__PURE__*/React.createElement(Form.Item, {
@@ -293,28 +304,16 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }),
     options: [{
       value: 1,
-      label: /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "right",
-        title: "\u5B8C\u6210\u76EE\u6807\u4E8B\u4EF6\u7684\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u4E2D\uFF0C\u7B2C\u4E00\u4E2A\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u8D21\u732E\u4E3A100%"
-      }, "\u9996\u6B21\u89E6\u70B9\u5F52\u56E0")
+      label: attributionTypeTooltip(0)
     }, {
       value: 2,
-      label: /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "right",
-        title: "\u5B8C\u6210\u76EE\u6807\u4E8B\u4EF6\u7684\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u4E2D\uFF0C\u6700\u540E\u4E00\u4E2A\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u8D21\u732E\u4E3A100%"
-      }, "\u672B\u6B21\u89E6\u70B9\u5F52\u56E0")
+      label: attributionTypeTooltip(1)
     }, {
       value: 3,
-      label: /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "right",
-        title: "\u5B8C\u6210\u76EE\u6807\u4E8B\u4EF6\u7684\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u4E2D\uFF0C\u6240\u6709\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u5E73\u5747\u5206\u914D\u8D21\u732E"
-      }, "\u7EBF\u6027\u5F52\u56E0")
+      label: attributionTypeTooltip(2)
     }, {
       value: 4,
-      label: /*#__PURE__*/React.createElement(Tooltip, {
-        placement: "right",
-        title: "\u5B8C\u6210\u76EE\u6807\u4E8B\u4EF6\u7684\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u4E2D\uFF0C\u9996\u4F4D\u548C\u672B\u4F4D\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u5404\u83B740%\u8D21\u732E\uFF0C\u5176\u4F59\u300C\u5F85\u5F52\u56E0\u4E8B\u4EF6\u300D\u5E73\u520620%\u8D21\u732E"
-      }, "\u4F4D\u7F6E\u5F52\u56E0")
+      label: attributionTypeTooltip(3)
     }]
   })), /*#__PURE__*/React.createElement("p", {
     className: "p"

package/es/modules/searchPanel/styles/index.less

@@ -40,6 +40,17 @@
       margin: 0 16px;
     }
   }
+  
+  #attribution-type{
+    position: relative;
+    .attribution-type-tooltip {
+      left: 200px!important;
+      &-distance{
+        left: 170px!important;
+      }
+    }
+  }
+
   &-otherEvent {
     color: #021429;
     font-size: 14px;
@@ -206,7 +217,4 @@
     margin-top: -14px;
     color: #fb5547;
   }
-}
-.attribution-type-options {
-  
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zgfe/modules-attribution",
-  "version": "1.0.2-alpha.4",
+  "version": "1.0.2-alpha.6",
   "module": "es/index.js",
   "typings": "es/index.d.ts",
   "files": [
@@ -50,5 +50,5 @@
     "react": "^16.12.0 || ^17.0.0",
     "yorkie": "^2.0.0"
   },
-  "gitHead": "234183e85542399536f200d3b12884c4802c8429"
+  "gitHead": "91105cd64e8ea5ae05c94085e1b2bc4ad1e1cc2b"
 }