@zgfe/modules-event 1.0.29-zhongyuan.14 → 1.0.29-zhongyuan.15

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,241 +1,242 @@
1
- .event-mi-table {
2
- margin-top: 16px;
3
- &-loading {
4
- min-height: 300px;
5
- }
6
- &-table-header {
7
- display: flex;
8
- align-items: center;
9
- justify-content: space-between;
10
- height: 50px;
11
- margin-bottom: -1px;
12
- padding: 0 12px;
13
- line-height: 50px;
14
- background: #fafafb;
15
- border: 1px solid #e6e7ea;
16
- border-radius: 8px 8px 0 0;
17
- > :nth-child(2) {
18
- display: flex;
19
- > :nth-child(1) {
20
- margin-right: 16px;
21
- }
22
- div {
23
- height: 32px;
24
- padding: 0 16px;
25
- line-height: 32px;
26
- background: #fff;
27
- border: 1px solid #f2f3f4;
28
- border-radius: 4px;
29
- cursor: pointer;
30
- .xiazai1 {
31
- margin-right: 4px;
32
- font-size: 18px !important;
33
- vertical-align: -2px;
34
- }
35
- }
36
- div:hover {
37
- color: #165dff;
38
- background: #e8efff;
39
- border: 1px solid #165dff;
40
- }
41
- div:active {
42
- color: #1454e5;
43
- background: #e8efff;
44
- border: 1px solid #1454e5;
45
- }
46
- }
47
- &-left {
48
- display: flex;
49
- flex: 1;
50
- flex-direction: row;
51
- overflow: hidden;
52
- &-box {
53
- display: flex;
54
- flex: 1;
55
- flex-direction: row;
56
- overflow: hidden;
57
- color: #67727f;
58
- }
59
- &-content {
60
- display: flex;
61
- flex: 1;
62
- flex-direction: row;
63
- overflow: hidden;
64
- color: #67727f;
65
- > span {
66
- display: flex;
67
- flex-direction: row;
68
- max-width: 33.33%;
69
- overflow: hidden;
70
- :first-child {
71
- overflow: hidden;
72
- white-space: nowrap;
73
- text-overflow: ellipsis;
74
- }
75
- :nth-child(2) {
76
- flex: 1;
77
- white-space: nowrap;
78
- }
79
- }
80
- }
81
- }
82
- }
83
- .ant-table {
84
- border-radius: 0 0 8px 8px;
85
- }
86
- .sourcepanel-table-header {
87
- overflow: hidden;
88
- border-radius: 8px 8px 0 0;
89
- .ant-table {
90
- max-height: none;
91
- }
92
- }
93
- .ant-pagination {
94
- margin-top: 24px !important;
95
- }
96
- .ant-table
97
- .ant-table-thead
98
- .ant-table-cell.ant-table-column-has-sorters
99
- .ant-table-column-sorters {
100
- justify-content: flex-end !important;
101
- }
102
- .ant-table-cell-with-append {
103
- padding-left: 20px;
104
- .ant-table-row-expand-icon {
105
- position: absolute;
106
- left: 0;
107
- margin-top: 0;
108
- }
109
- }
110
- .tooltip-userGroup-box {
111
- display: flex;
112
- max-width: 330px;
113
- overflow: hidden;
114
- white-space: nowrap;
115
- text-overflow: ellipsis;
116
- div {
117
- max-width: 330px;
118
- overflow: hidden;
119
- white-space: nowrap;
120
- text-overflow: ellipsis;
121
- }
122
- }
123
- .tooltip-name-box {
124
- display: flex;
125
- &-market {
126
- // max-width: calc(100% - 20px);
127
- margin-right: 8px;
128
- overflow: hidden;
129
- white-space: nowrap;
130
- text-overflow: ellipsis;
131
- cursor: pointer;
132
- -webkit-line-clamp: 1;
133
- -webkit-box-orient: vertical;
134
- .shoucang {
135
- color: #fd9f41;
136
- font-size: 16px !important;
137
- }
138
- .notshoucang {
139
- opacity: 0;
140
- }
141
- }
142
-
143
- .fuzhi1 {
144
- display: none;
145
- font-size: 16px !important;
146
- }
147
- .fuzhi1:hover {
148
- color: #165dff;
149
- }
150
- }
151
- .tooltip-name-box:hover {
152
- .fuzhi1 {
153
- display: block;
154
- }
155
- }
156
-
157
- &-table-empty {
158
- img {
159
- width: 50px !important;
160
- height: auto;
161
- margin-top: 30px;
162
- margin-bottom: 10px;
163
- }
164
- p {
165
- color: rgba(0, 0, 0, 0.25);
166
- }
167
- }
168
-
169
- &-chart-box {
170
- display: flex;
171
- flex-direction: column;
172
- width: 100%;
173
- &-tooltip {
174
- width: 200px;
175
- margin-bottom: 24px;
176
- color: #67727f;
177
- font-size: 12px;
178
- }
179
- }
180
- }
181
- .event-table-sql-modal {
182
- .ant-modal {
183
- width: 720px !important;
184
- }
185
- .ant-modal-header {
186
- position: relative;
187
- z-index: 1;
188
- height: 82px;
189
- background: transparent;
190
- }
191
- .ant-modal-body {
192
- padding: 0 24px 24px 24px;
193
- }
194
- .ant-modal-close-x {
195
- margin-top: 13px;
196
- margin-right: 8px;
197
- }
198
- img {
199
- width: 100%;
200
- }
201
- .qingchu {
202
- font-weight: 500;
203
- font-size: 22px !important;
204
- }
205
- .modal-bg {
206
- position: absolute;
207
- top: 0;
208
- left: 0;
209
- width: 100%;
210
- height: auto;
211
- }
212
- pre {
213
- margin-bottom: 0;
214
- }
215
- .hljs {
216
- height: 400px;
217
- padding: 16px;
218
- padding-bottom: 0;
219
- background: #fafafb;
220
- border-radius: 8px;
221
- }
222
- .copy-box {
223
- position: absolute;
224
- top: 98px;
225
- right: 40px;
226
- padding: 0 8px;
227
- background: #f2f3f4;
228
- border-radius: 4px;
229
- .fuzhi1 {
230
- margin-right: 8px;
231
- }
232
- }
233
- .copy-box:hover {
234
- color: #165dff;
235
- background: #e8efff;
236
- }
237
- .copy-box:active {
238
- color: #1454e5;
239
- background: #e8efff;
240
- }
241
- }
1
+ .event-mi-table {
2
+ margin-top: 16px;
3
+ &-loading {
4
+ min-height: 300px;
5
+ }
6
+ &-table-header {
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: space-between;
10
+ height: 50px;
11
+ margin-bottom: -1px;
12
+ padding: 0 12px;
13
+ line-height: 50px;
14
+ background: #fafafb;
15
+ border: 1px solid #e6e7ea;
16
+ border-radius: 8px 8px 0 0;
17
+ > :nth-child(2) {
18
+ display: flex;
19
+ > :nth-child(1) {
20
+ margin-right: 16px;
21
+ }
22
+ div {
23
+ height: 32px;
24
+ padding: 0 16px;
25
+ line-height: 32px;
26
+ background: #fff;
27
+ border: 1px solid #f2f3f4;
28
+ border-radius: 4px;
29
+ cursor: pointer;
30
+ .xiazai1 {
31
+ margin-right: 4px;
32
+ font-size: 18px !important;
33
+ vertical-align: -2px;
34
+ }
35
+ }
36
+ div:hover {
37
+ color: #165dff;
38
+ background: #e8efff;
39
+ border: 1px solid #165dff;
40
+ }
41
+ div:active {
42
+ color: #1454e5;
43
+ background: #e8efff;
44
+ border: 1px solid #1454e5;
45
+ }
46
+ }
47
+ &-left {
48
+ display: flex;
49
+ flex: 1;
50
+ flex-direction: row;
51
+ overflow: hidden;
52
+ &-box {
53
+ display: flex;
54
+ flex: 1;
55
+ flex-direction: row;
56
+ overflow: hidden;
57
+ color: #67727f;
58
+ }
59
+ &-content {
60
+ display: flex;
61
+ flex: 1;
62
+ flex-direction: row;
63
+ overflow: hidden;
64
+ color: #67727f;
65
+ > span {
66
+ display: flex;
67
+ flex-direction: row;
68
+ max-width: 33.33%;
69
+ overflow: hidden;
70
+ :first-child {
71
+ overflow: hidden;
72
+ white-space: nowrap;
73
+ text-overflow: ellipsis;
74
+ }
75
+ :nth-child(2) {
76
+ flex: 1;
77
+ white-space: nowrap;
78
+ }
79
+ }
80
+ }
81
+ }
82
+ }
83
+ .ant-table {
84
+ border-radius: 0 0 8px 8px;
85
+ }
86
+ .sourcepanel-table-header {
87
+ overflow: hidden;
88
+ border-radius: 8px 8px 0 0;
89
+ .ant-table {
90
+ max-height: none;
91
+ }
92
+ }
93
+ .ant-pagination {
94
+ margin-top: 24px !important;
95
+ }
96
+ .ant-table
97
+ .ant-table-thead
98
+ .ant-table-cell.ant-table-column-has-sorters
99
+ .ant-table-column-sorters {
100
+ justify-content: flex-end !important;
101
+ }
102
+ .ant-table-cell-with-append {
103
+ padding-left: 20px;
104
+ .ant-table-row-expand-icon {
105
+ position: absolute;
106
+ left: 0;
107
+ margin-top: 0;
108
+ }
109
+ }
110
+ .tooltip-userGroup-box {
111
+ display: flex;
112
+ max-width: 330px;
113
+ overflow: hidden;
114
+ white-space: nowrap;
115
+ text-overflow: ellipsis;
116
+ div {
117
+ max-width: 330px;
118
+ overflow: hidden;
119
+ white-space: nowrap;
120
+ text-overflow: ellipsis;
121
+ }
122
+ }
123
+ .tooltip-name-box {
124
+ display: flex;
125
+ &-market {
126
+ // max-width: calc(100% - 20px);
127
+ width: 180px;
128
+ margin-right: 8px;
129
+ overflow: hidden;
130
+ white-space: nowrap;
131
+ text-overflow: ellipsis;
132
+ cursor: pointer;
133
+ -webkit-line-clamp: 1;
134
+ -webkit-box-orient: vertical;
135
+ .shoucang {
136
+ color: #fd9f41;
137
+ font-size: 16px !important;
138
+ }
139
+ .notshoucang {
140
+ opacity: 0;
141
+ }
142
+ }
143
+
144
+ .fuzhi1 {
145
+ display: none;
146
+ font-size: 16px !important;
147
+ }
148
+ .fuzhi1:hover {
149
+ color: #165dff;
150
+ }
151
+ }
152
+ .tooltip-name-box:hover {
153
+ .fuzhi1 {
154
+ display: block;
155
+ }
156
+ }
157
+
158
+ &-table-empty {
159
+ img {
160
+ width: 50px !important;
161
+ height: auto;
162
+ margin-top: 30px;
163
+ margin-bottom: 10px;
164
+ }
165
+ p {
166
+ color: rgba(0, 0, 0, 0.25);
167
+ }
168
+ }
169
+
170
+ &-chart-box {
171
+ display: flex;
172
+ flex-direction: column;
173
+ width: 100%;
174
+ &-tooltip {
175
+ width: 200px;
176
+ margin-bottom: 24px;
177
+ color: #67727f;
178
+ font-size: 12px;
179
+ }
180
+ }
181
+ }
182
+ .event-table-sql-modal {
183
+ .ant-modal {
184
+ width: 720px !important;
185
+ }
186
+ .ant-modal-header {
187
+ position: relative;
188
+ z-index: 1;
189
+ height: 82px;
190
+ background: transparent;
191
+ }
192
+ .ant-modal-body {
193
+ padding: 0 24px 24px 24px;
194
+ }
195
+ .ant-modal-close-x {
196
+ margin-top: 13px;
197
+ margin-right: 8px;
198
+ }
199
+ img {
200
+ width: 100%;
201
+ }
202
+ .qingchu {
203
+ font-weight: 500;
204
+ font-size: 22px !important;
205
+ }
206
+ .modal-bg {
207
+ position: absolute;
208
+ top: 0;
209
+ left: 0;
210
+ width: 100%;
211
+ height: auto;
212
+ }
213
+ pre {
214
+ margin-bottom: 0;
215
+ }
216
+ .hljs {
217
+ height: 400px;
218
+ padding: 16px;
219
+ padding-bottom: 0;
220
+ background: #fafafb;
221
+ border-radius: 8px;
222
+ }
223
+ .copy-box {
224
+ position: absolute;
225
+ top: 98px;
226
+ right: 40px;
227
+ padding: 0 8px;
228
+ background: #f2f3f4;
229
+ border-radius: 4px;
230
+ .fuzhi1 {
231
+ margin-right: 8px;
232
+ }
233
+ }
234
+ .copy-box:hover {
235
+ color: #165dff;
236
+ background: #e8efff;
237
+ }
238
+ .copy-box:active {
239
+ color: #1454e5;
240
+ background: #e8efff;
241
+ }
242
+ }
@@ -82,7 +82,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
82
82
  var _getValue;
83
83
  data.push({
84
84
  title: (_getValue = getValue(searchData.dimension, eventGroupList, eventEnvList, userPropList)) === null || _getValue === void 0 ? void 0 : _getValue.label,
85
- width: 150,
85
+ width: 180,
86
86
  dataIndex: 'dimension',
87
87
  key: 'dimension',
88
88
  ellipsis: true,
@@ -114,7 +114,7 @@ export function getColumns(eventGroupList, userPropList, eventEnvList, columnDat
114
114
  paddingLeft: '16px'
115
115
  }
116
116
  }, "\u4E8B\u4EF6"),
117
- width: 200,
117
+ width: 180,
118
118
  dataIndex: 'eventName',
119
119
  key: 'eventName',
120
120
  ellipsis: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zgfe/modules-event",
3
- "version": "1.0.29-zhongyuan.14",
3
+ "version": "1.0.29-zhongyuan.15",
4
4
  "module": "es/index.js",
5
5
  "typings": "es/index.d.ts",
6
6
  "private": false,
@@ -54,7 +54,7 @@
54
54
  "react": "^16.12.0 || ^17.0.0",
55
55
  "yorkie": "^2.0.0"
56
56
  },
57
- "gitHead": "79d1d3a7a7ca15385ce4a8878de5516eb756f6e4",
57
+ "gitHead": "cbab5f34415d388857384d29d853a2cf42ebcef0",
58
58
  "gitHooks": {
59
59
  "pre-commit": "lint-staged"
60
60
  }