@zgfe/modules-attribution 1.1.13-zhongyuan.0 → 1.1.13-zhongyuan.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,68 +1,68 @@
1
- .attribution-container {
2
- width: 100%;
3
- height: 100%;
4
- overflow: hidden;
5
- background: #fff;
6
- .ant-spin-container {
7
- width: 100%;
8
- height: 100%;
9
- }
10
- &-header-title {
11
- height: 48px;
12
- padding: 0px 24px;
13
- color: #021429;
14
- font-weight: 500;
15
- font-size: 16px;
16
- line-height: 48px;
17
- }
18
- &-content {
19
- width: 100%;
20
- height: 100%;
21
- // overflow: auto;
22
- overflow-x: hidden;
23
- background: #fff;
24
- border-top: 1px solid #eaeaea;
25
- .attribution-content {
26
- &-top-content {
27
- background: #fafafb;
28
- padding: 16px;
29
- &-box{
30
- padding: 24px;
31
- background: #fff;
32
- border: 1px solid #ECEDF0;
33
- border-radius: 8px;
34
- }
35
- }
36
- &-bottom-content-box {
37
- min-height: 382px;
38
- padding: 24px;
39
- background: #fff;
40
- &-times {
41
- display: flex;
42
- justify-content: space-between;
43
- }
44
- }
45
- }
46
- }
47
-
48
- &-content2 {
49
- height: calc(100% - 64px);
50
- }
51
-
52
- .biz-event-select.border .biz-event-select-handle {
53
- padding: 0;
54
- border: none;
55
- }
56
-
57
- .biz-select-option:not(.biz-select-option-multiple),
58
- .biz-attr-select-option {
59
- &.active {
60
- // background: @primary-color !important;
61
- }
62
- }
63
-
64
- // 设置下拉框最大高度
65
- .biz-select-overlay {
66
- max-height: 300px;
67
- }
68
- }
1
+ .attribution-container {
2
+ width: 100%;
3
+ height: 100%;
4
+ overflow: hidden;
5
+ background: #fff;
6
+ .ant-spin-container {
7
+ width: 100%;
8
+ height: 100%;
9
+ }
10
+ &-header-title {
11
+ height: 48px;
12
+ padding: 0px 24px;
13
+ color: #021429;
14
+ font-weight: 500;
15
+ font-size: 16px;
16
+ line-height: 48px;
17
+ }
18
+ &-content {
19
+ width: 100%;
20
+ height: 100%;
21
+ // overflow: auto;
22
+ overflow-x: hidden;
23
+ background: #fff;
24
+ border-top: 1px solid #eaeaea;
25
+ .attribution-content {
26
+ &-top-content {
27
+ background: #fafafb;
28
+ padding: 16px;
29
+ &-box{
30
+ padding: 24px;
31
+ background: #fff;
32
+ border: 1px solid #ECEDF0;
33
+ border-radius: 8px;
34
+ }
35
+ }
36
+ &-bottom-content-box {
37
+ min-height: 382px;
38
+ padding: 24px;
39
+ background: #fff;
40
+ &-times {
41
+ display: flex;
42
+ justify-content: space-between;
43
+ }
44
+ }
45
+ }
46
+ }
47
+
48
+ &-content2 {
49
+ height: calc(100% - 64px);
50
+ }
51
+
52
+ .biz-event-select.border .biz-event-select-handle {
53
+ padding: 0;
54
+ border: none;
55
+ }
56
+
57
+ .biz-select-option:not(.biz-select-option-multiple),
58
+ .biz-attr-select-option {
59
+ &.active {
60
+ // background: @primary-color !important;
61
+ }
62
+ }
63
+
64
+ // 设置下拉框最大高度
65
+ .biz-select-overlay {
66
+ max-height: 300px;
67
+ }
68
+ }
@@ -22,7 +22,8 @@ var AttributableEvents = function AttributableEvents(props) {
22
22
  var _useContext = useContext(AttributableContext),
23
23
  setButtonDisable = _useContext.setButtonDisable;
24
24
  var _useContext2 = useContext(BizGlobalDataContext),
25
- eventIdMap = _useContext2.eventIdMap;
25
+ eventIdMap = _useContext2.eventIdMap,
26
+ envs = _useContext2.envs;
26
27
  var _useState = useState(),
27
28
  _useState2 = _slicedToArray(_useState, 2),
28
29
  ReasonData = _useState2[0],
@@ -139,8 +140,8 @@ var AttributableEvents = function AttributableEvents(props) {
139
140
  message.error('请先选择待归因事件');
140
141
  return;
141
142
  }
142
- if (count >= 5) {
143
- message.error('最多可添加5条属性筛选');
143
+ if (count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5)) {
144
+ message.error("\u6700\u591A\u53EF\u6DFB\u52A0".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5, "\u6761\u5C5E\u6027\u7B5B\u9009"));
144
145
  return;
145
146
  }
146
147
  if (countLoading) {
@@ -270,7 +271,7 @@ var AttributableEvents = function AttributableEvents(props) {
270
271
  placement: "top",
271
272
  title: '添加属性筛选'
272
273
  }, /*#__PURE__*/React.createElement(IconFont, {
273
- className: "".concat(count >= 5 || notClickable ? 'disable' : ''),
274
+ className: "".concat(count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5) || notClickable ? 'disable' : ''),
274
275
  type: "shaixuan",
275
276
  onClick: function onClick() {
276
277
  return onAdd();
@@ -17,7 +17,8 @@ var TargetEvent = function TargetEvent(props) {
17
17
  targetData = _useState2[0],
18
18
  setTargetData = _useState2[1];
19
19
  var _useContext = useContext(BizGlobalDataContext),
20
- eventIdMap = _useContext.eventIdMap;
20
+ eventIdMap = _useContext.eventIdMap,
21
+ envs = _useContext.envs;
21
22
  var _useState3 = useState(),
22
23
  _useState4 = _slicedToArray(_useState3, 2),
23
24
  filters = _useState4[0],
@@ -72,8 +73,8 @@ var TargetEvent = function TargetEvent(props) {
72
73
  message.error('请先选择目标事件');
73
74
  return;
74
75
  }
75
- if (count >= 5) {
76
- message.error('最多可添加5条属性筛选');
76
+ if (count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5)) {
77
+ message.error("\u6700\u591A\u53EF\u6DFB\u52A0".concat((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5, "\u6761\u5C5E\u6027\u7B5B\u9009"));
77
78
  return;
78
79
  }
79
80
  setIsAdd(true);
@@ -140,7 +141,7 @@ var TargetEvent = function TargetEvent(props) {
140
141
  placement: "top",
141
142
  title: '添加属性筛选'
142
143
  }, /*#__PURE__*/React.createElement(IconFont, {
143
- className: "".concat(count >= 5 || (targetData === null || targetData === void 0 ? void 0 : (_targetData$event2 = targetData.event) === null || _targetData$event2 === void 0 ? void 0 : _targetData$event2.id) === -100 && Object.keys(bizEventSelectorDefaultValue).length <= 0 ? 'disable' : ''),
144
+ className: "".concat(count >= ((envs === null || envs === void 0 ? void 0 : envs.propertyNum) || 5) || (targetData === null || targetData === void 0 ? void 0 : (_targetData$event2 = targetData.event) === null || _targetData$event2 === void 0 ? void 0 : _targetData$event2.id) === -100 && Object.keys(bizEventSelectorDefaultValue).length <= 0 ? 'disable' : ''),
144
145
  type: "shaixuan",
145
146
  onClick: function onClick() {
146
147
  return onAdd();
@@ -23,8 +23,7 @@ import { searchFields, attributionTypeTooltips } from '../../constants/fields';
23
23
  import { AttributableContext } from '../../types';
24
24
  export var classPrefix = 'form-box';
25
25
  var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
26
- var defaultValue = props.defaultValue,
27
- resetTime = props.resetTime;
26
+ var defaultValue = props.defaultValue;
28
27
  var _useContext = useContext(AttributableContext),
29
28
  buttonDisable = _useContext.buttonDisable,
30
29
  setButtonDisable = _useContext.setButtonDisable,
@@ -174,7 +173,6 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
174
173
  setReset(true);
175
174
  setTimeout(function () {
176
175
  form.resetFields();
177
- resetTime && resetTime();
178
176
  }, 20);
179
177
  setWindowType(1);
180
178
  setOtherEvent(false);
@@ -1,226 +1,226 @@
1
- @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
-
3
- .form-box {
4
- .xiangxia {
5
- font-size: 14px !important;
6
- }
7
- &-form-item {
8
- margin-bottom: 16px;
9
- .attr-box-show {
10
- margin: 12px 0px;
11
- }
12
- }
13
-
14
- &-bottom-form-title {
15
- margin-bottom: 16px;
16
- color: #021429;
17
- font-weight: 500;
18
- font-size: 14px;
19
- }
20
- &-bottom-form {
21
- display: flex;
22
- min-width: 860px;
23
- height: 32px;
24
- margin-bottom: 14px;
25
- .p {
26
- margin: 0;
27
- margin-right: 12px;
28
- padding: 0;
29
- color: #5f6085;
30
- line-height: 32px;
31
- .tishiicon {
32
- margin-left: 8px;
33
- color: #9aa1a9;
34
- }
35
- }
36
- .attribution-type {
37
- margin-right: 24px;
38
- }
39
- .windowCnt {
40
- margin: 0 16px;
41
- }
42
- }
43
-
44
- #attribution-type {
45
- position: relative;
46
- .ant-select-dropdown {
47
- z-index: 998;
48
- }
49
- .attribution-type-tooltip {
50
- right: 0px !important;
51
- z-index: 999;
52
- // left: 200px!important;
53
- &-distance {
54
- // left: 170px!important;
55
- }
56
- }
57
- }
58
-
59
- &-otherEvent {
60
- margin-bottom: 34px;
61
- color: #021429;
62
- font-size: 14px;
63
- .tishiicon {
64
- margin-left: 1px;
65
- color: #9aa1a9;
66
- }
67
- }
68
- &-search-button-box {
69
- text-align: right;
70
- .ant-btn {
71
- border: none;
72
- }
73
- > :nth-child(1) {
74
- margin-right: 16px;
75
- background: #29bd52;
76
- }
77
- .disable,
78
- .disable:hover {
79
- color: #ffffff;
80
- background: #d0dfff;
81
- }
82
- }
83
- &-title.ant-form-item {
84
- margin-bottom: 12px;
85
- color: #5f6085;
86
- font-size: 14px;
87
- line-height: 20px;
88
- .bsicon {
89
- margin-left: 9px;
90
- color: #9aa1a9;
91
- }
92
- .ant-form-item-control-input {
93
- min-height: 20px;
94
- .ant-form-item-control-input-content {
95
- height: 20px;
96
- }
97
- }
98
- }
99
-
100
- &-item.ant-form-item {
101
- margin-bottom: 0px;
102
- }
103
-
104
- &-add {
105
- width: fit-content;
106
- height: 20px;
107
- color: #165dff;
108
- font-size: 14px;
109
- line-height: 20px;
110
- border-radius: @border-radius-small;
111
- cursor: pointer;
112
- span {
113
- margin-right: 4px;
114
- }
115
-
116
- // &:not(.disabled):hover {
117
- // .__default-hover();
118
- // }
119
-
120
- &.disabled {
121
- color: @disabled-color;
122
- cursor: not-allowed;
123
- }
124
- }
125
-
126
- .global-attr {
127
- margin-bottom: 0 !important;
128
- }
129
-
130
- .biz-condition-item-input {
131
- border-color: transparent;
132
- }
133
-
134
- .ant-input-affix-wrapper > input.ant-input {
135
- height: 100%;
136
- }
137
- .attributable-events-box {
138
- .select-and-attr {
139
- display: flex;
140
- margin-bottom: 12px;
141
- .ant-dropdown-trigger {
142
- width: 208px;
143
- margin-right: 16px;
144
- }
145
- .biz-select-handle-input {
146
- background: #fafafb;
147
- }
148
- .biz-attr-select {
149
- width: 208px;
150
- margin-right: 16px;
151
- .biz-attr-select-handle {
152
- position: relative;
153
- padding: 0;
154
- border: none;
155
- .qingchu {
156
- position: absolute;
157
- top: 5px;
158
- right: 40px;
159
- }
160
- }
161
- }
162
- .button-box {
163
- .qingchu,
164
- .tianjia2,
165
- .shaixuan {
166
- margin-top: 2px;
167
- margin-right: 16px;
168
- // color: #CCD0D4;
169
- color: #9aa1a9;
170
- font-size: 20px !important;
171
- cursor: pointer;
172
- }
173
- .tianjia2:hover,
174
- .shaixuan:hover {
175
- color: #165dff;
176
- }
177
- .qingchu:hover {
178
- color: #e96150;
179
- }
180
- .disable {
181
- color: #ccd0d4 !important;
182
- cursor: not-allowed !important;
183
- }
184
- }
185
- }
186
- }
187
- .target-events-box {
188
- .selector-content {
189
- display: flex;
190
- .ant-dropdown-trigger {
191
- width: 208px;
192
- margin-right: 16px;
193
- }
194
- .biz-select-handle-input {
195
- background: #fafafb;
196
- }
197
- .ant-select-selection-placeholder::after {
198
- content: '\e76d' !important;
199
- }
200
- }
201
- .shaixuan {
202
- margin: 2px 0 0 16px;
203
- color: #9aa1a9;
204
- font-size: 20px !important;
205
- cursor: pointer;
206
- }
207
- .shaixuan:hover {
208
- color: #165dff;
209
- }
210
- .shaixuan.disable {
211
- color: #ccd0d4;
212
- cursor: not-allowed;
213
- }
214
- }
215
-
216
- .verify-error {
217
- .biz-select-handle-input {
218
- background-color: #fff;
219
- border: 1px solid #fb5547 !important;
220
- }
221
- }
222
- .error-tips {
223
- margin-top: -14px;
224
- color: #fb5547;
225
- }
226
- }
1
+ @import '~@zgfe/business-lib/es/assets/styles/inner.less';
2
+
3
+ .form-box {
4
+ .xiangxia {
5
+ font-size: 14px !important;
6
+ }
7
+ &-form-item {
8
+ margin-bottom: 16px;
9
+ .attr-box-show {
10
+ margin: 12px 0px;
11
+ }
12
+ }
13
+
14
+ &-bottom-form-title {
15
+ margin-bottom: 16px;
16
+ color: #021429;
17
+ font-weight: 500;
18
+ font-size: 14px;
19
+ }
20
+ &-bottom-form {
21
+ display: flex;
22
+ min-width: 860px;
23
+ height: 32px;
24
+ margin-bottom: 14px;
25
+ .p {
26
+ margin: 0;
27
+ margin-right: 12px;
28
+ padding: 0;
29
+ color: #5f6085;
30
+ line-height: 32px;
31
+ .tishiicon {
32
+ margin-left: 8px;
33
+ color: #9aa1a9;
34
+ }
35
+ }
36
+ .attribution-type {
37
+ margin-right: 24px;
38
+ }
39
+ .windowCnt {
40
+ margin: 0 16px;
41
+ }
42
+ }
43
+
44
+ #attribution-type {
45
+ position: relative;
46
+ .ant-select-dropdown {
47
+ z-index: 998;
48
+ }
49
+ .attribution-type-tooltip {
50
+ right: 0px !important;
51
+ z-index: 999;
52
+ // left: 200px!important;
53
+ &-distance {
54
+ // left: 170px!important;
55
+ }
56
+ }
57
+ }
58
+
59
+ &-otherEvent {
60
+ margin-bottom: 34px;
61
+ color: #021429;
62
+ font-size: 14px;
63
+ .tishiicon {
64
+ margin-left: 1px;
65
+ color: #9aa1a9;
66
+ }
67
+ }
68
+ &-search-button-box {
69
+ text-align: right;
70
+ .ant-btn {
71
+ border: none;
72
+ }
73
+ > :nth-child(1) {
74
+ margin-right: 16px;
75
+ background: #29bd52;
76
+ }
77
+ .disable,
78
+ .disable:hover {
79
+ color: #ffffff;
80
+ background: #d0dfff;
81
+ }
82
+ }
83
+ &-title.ant-form-item {
84
+ margin-bottom: 12px;
85
+ color: #5f6085;
86
+ font-size: 14px;
87
+ line-height: 20px;
88
+ .bsicon {
89
+ margin-left: 9px;
90
+ color: #9aa1a9;
91
+ }
92
+ .ant-form-item-control-input {
93
+ min-height: 20px;
94
+ .ant-form-item-control-input-content {
95
+ height: 20px;
96
+ }
97
+ }
98
+ }
99
+
100
+ &-item.ant-form-item {
101
+ margin-bottom: 0px;
102
+ }
103
+
104
+ &-add {
105
+ width: fit-content;
106
+ height: 20px;
107
+ color: #165dff;
108
+ font-size: 14px;
109
+ line-height: 20px;
110
+ border-radius: @border-radius-small;
111
+ cursor: pointer;
112
+ span {
113
+ margin-right: 4px;
114
+ }
115
+
116
+ // &:not(.disabled):hover {
117
+ // .__default-hover();
118
+ // }
119
+
120
+ &.disabled {
121
+ color: @disabled-color;
122
+ cursor: not-allowed;
123
+ }
124
+ }
125
+
126
+ .global-attr {
127
+ margin-bottom: 0 !important;
128
+ }
129
+
130
+ .biz-condition-item-input {
131
+ border-color: transparent;
132
+ }
133
+
134
+ .ant-input-affix-wrapper > input.ant-input {
135
+ height: 100%;
136
+ }
137
+ .attributable-events-box {
138
+ .select-and-attr {
139
+ display: flex;
140
+ margin-bottom: 12px;
141
+ .ant-dropdown-trigger {
142
+ width: 208px;
143
+ margin-right: 16px;
144
+ }
145
+ .biz-select-handle-input {
146
+ background: #fafafb;
147
+ }
148
+ .biz-attr-select {
149
+ width: 208px;
150
+ margin-right: 16px;
151
+ .biz-attr-select-handle {
152
+ position: relative;
153
+ padding: 0;
154
+ border: none;
155
+ .qingchu {
156
+ position: absolute;
157
+ top: 5px;
158
+ right: 40px;
159
+ }
160
+ }
161
+ }
162
+ .button-box {
163
+ .qingchu,
164
+ .tianjia2,
165
+ .shaixuan {
166
+ margin-top: 2px;
167
+ margin-right: 16px;
168
+ // color: #CCD0D4;
169
+ color: #9aa1a9;
170
+ font-size: 20px !important;
171
+ cursor: pointer;
172
+ }
173
+ .tianjia2:hover,
174
+ .shaixuan:hover {
175
+ color: #165dff;
176
+ }
177
+ .qingchu:hover {
178
+ color: #e96150;
179
+ }
180
+ .disable {
181
+ color: #ccd0d4 !important;
182
+ cursor: not-allowed !important;
183
+ }
184
+ }
185
+ }
186
+ }
187
+ .target-events-box {
188
+ .selector-content {
189
+ display: flex;
190
+ .ant-dropdown-trigger {
191
+ width: 208px;
192
+ margin-right: 16px;
193
+ }
194
+ .biz-select-handle-input {
195
+ background: #fafafb;
196
+ }
197
+ .ant-select-selection-placeholder::after {
198
+ content: '\e76d' !important;
199
+ }
200
+ }
201
+ .shaixuan {
202
+ margin: 2px 0 0 16px;
203
+ color: #9aa1a9;
204
+ font-size: 20px !important;
205
+ cursor: pointer;
206
+ }
207
+ .shaixuan:hover {
208
+ color: #165dff;
209
+ }
210
+ .shaixuan.disable {
211
+ color: #ccd0d4;
212
+ cursor: not-allowed;
213
+ }
214
+ }
215
+
216
+ .verify-error {
217
+ .biz-select-handle-input {
218
+ background-color: #fff;
219
+ border: 1px solid #fb5547 !important;
220
+ }
221
+ }
222
+ .error-tips {
223
+ margin-top: -14px;
224
+ color: #fb5547;
225
+ }
226
+ }
@@ -1,9 +1,9 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
3
- <circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
4
- <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
5
- </circle>
6
- <circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
7
- <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
8
- </circle>
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="80px" height="80px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
3
+ <circle cx="50" cy="50" r="32" stroke-width="4" stroke="#165dff" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
4
+ <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
5
+ </circle>
6
+ <circle cx="50" cy="50" r="27" stroke-width="4" stroke="#85adfc" stroke-dasharray="42.411500823462205 42.411500823462205" stroke-dashoffset="42.411500823462205" fill="none" stroke-linecap="round">
7
+ <animateTransform attributeName="transform" type="rotate" dur="1s" repeatCount="indefinite" keyTimes="0;1" values="0 50 50;-360 50 50"></animateTransform>
8
+ </circle>
9
9
  <!-- [ldio] generated by https://loading.io/ --></svg>