@opendesign-plus-test/components 0.0.1-rc.219 → 0.0.1-rc.220
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.
- package/dist/components.cjs.js +3 -3
- package/dist/components.css +2 -2
- package/dist/components.es.js +4 -4
- package/dist/treeshaking/components/header/components/HeaderContent.css +191 -221
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -51
- package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs +7 -7
- package/dist/treeshaking/components/user-center/OUserInfo.css +103 -103
- package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
- package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
- package/package.json +3 -3
|
@@ -1,172 +1,172 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-f5b8bb9a] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-f5b8bb9a] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
.info-title[data-v-
|
|
9
|
+
.info-title[data-v-f5b8bb9a] {
|
|
10
10
|
border-bottom: 1px solid var(--o-color-control4);
|
|
11
11
|
}
|
|
12
12
|
@media (max-width: 840px) {
|
|
13
|
-
.info-title[data-v-
|
|
13
|
+
.info-title[data-v-f5b8bb9a] {
|
|
14
14
|
border-bottom: none;
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
.title[data-v-
|
|
17
|
+
.title[data-v-f5b8bb9a] {
|
|
18
18
|
font-size: 24px;
|
|
19
19
|
line-height: 32px;
|
|
20
20
|
}
|
|
21
21
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
22
|
-
.title[data-v-
|
|
22
|
+
.title[data-v-f5b8bb9a] {
|
|
23
23
|
font-size: 20px;
|
|
24
24
|
line-height: 28px;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
28
|
-
.title[data-v-
|
|
28
|
+
.title[data-v-f5b8bb9a] {
|
|
29
29
|
font-size: 18px;
|
|
30
30
|
line-height: 26px;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
34
|
-
.title[data-v-
|
|
34
|
+
.title[data-v-f5b8bb9a] {
|
|
35
35
|
font-size: 18px;
|
|
36
36
|
line-height: 26px;
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
39
|
@media (max-width: 600px) {
|
|
40
|
-
.title[data-v-
|
|
40
|
+
.title[data-v-f5b8bb9a] {
|
|
41
41
|
font-size: 16px;
|
|
42
42
|
line-height: 24px;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
.title[data-v-
|
|
45
|
+
.title[data-v-f5b8bb9a] {
|
|
46
46
|
color: var(--o-color-info1);
|
|
47
47
|
padding-bottom: var(--o-gap-3);
|
|
48
48
|
font-weight: 600;
|
|
49
49
|
}
|
|
50
|
-
.title-desc[data-v-
|
|
50
|
+
.title-desc[data-v-f5b8bb9a] {
|
|
51
51
|
font-size: 14px;
|
|
52
52
|
line-height: 28px;
|
|
53
53
|
color: var(--o-color-info2);
|
|
54
54
|
margin-bottom: var(--o-gap-5);
|
|
55
55
|
}
|
|
56
56
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
57
|
-
.title-desc[data-v-
|
|
57
|
+
.title-desc[data-v-f5b8bb9a] {
|
|
58
58
|
line-height: 26px;
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
@media (max-width: 1200px) {
|
|
62
|
-
.title-desc[data-v-
|
|
62
|
+
.title-desc[data-v-f5b8bb9a] {
|
|
63
63
|
line-height: 24px;
|
|
64
64
|
}
|
|
65
65
|
}
|
|
66
|
-
.common-item[data-v-
|
|
66
|
+
.common-item[data-v-f5b8bb9a] {
|
|
67
67
|
display: flex;
|
|
68
68
|
align-items: center;
|
|
69
|
-
margin-top:
|
|
69
|
+
margin-top: var(--o-gap-5);
|
|
70
70
|
color: var(--o-color-info1);
|
|
71
71
|
font-size: 16px;
|
|
72
72
|
line-height: 24px;
|
|
73
73
|
}
|
|
74
74
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
75
|
-
.common-item[data-v-
|
|
75
|
+
.common-item[data-v-f5b8bb9a] {
|
|
76
76
|
font-size: 14px;
|
|
77
77
|
line-height: 22px;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
81
|
-
.common-item[data-v-
|
|
81
|
+
.common-item[data-v-f5b8bb9a] {
|
|
82
82
|
font-size: 14px;
|
|
83
83
|
line-height: 22px;
|
|
84
84
|
}
|
|
85
85
|
}
|
|
86
86
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
87
|
-
.common-item[data-v-
|
|
87
|
+
.common-item[data-v-f5b8bb9a] {
|
|
88
88
|
font-size: 14px;
|
|
89
89
|
line-height: 22px;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
@media (max-width: 600px) {
|
|
93
|
-
.common-item[data-v-
|
|
93
|
+
.common-item[data-v-f5b8bb9a] {
|
|
94
94
|
font-size: 12px;
|
|
95
95
|
line-height: 18px;
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
|
-
.common-item[data-v-
|
|
98
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
99
99
|
font-size: 16px;
|
|
100
100
|
line-height: 24px;
|
|
101
101
|
}
|
|
102
102
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
103
|
-
.common-item[data-v-
|
|
103
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
104
104
|
font-size: 14px;
|
|
105
105
|
line-height: 22px;
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
109
|
-
.common-item[data-v-
|
|
109
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
110
110
|
font-size: 14px;
|
|
111
111
|
line-height: 22px;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
115
|
-
.common-item[data-v-
|
|
115
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
116
116
|
font-size: 14px;
|
|
117
117
|
line-height: 22px;
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
120
|
@media (max-width: 600px) {
|
|
121
|
-
.common-item[data-v-
|
|
121
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
122
122
|
font-size: 12px;
|
|
123
123
|
line-height: 18px;
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
|
-
.common-item[data-v-
|
|
126
|
+
.common-item[data-v-f5b8bb9a] .o_input-input {
|
|
127
127
|
color: var(--o-color-info2);
|
|
128
128
|
}
|
|
129
|
-
.common-item[data-v-
|
|
129
|
+
.common-item[data-v-f5b8bb9a] {
|
|
130
130
|
/* 用户信息值 */
|
|
131
131
|
}
|
|
132
|
-
.common-item .text[data-v-
|
|
133
|
-
.common-item .username[data-v-
|
|
134
|
-
.common-item .common-value[data-v-
|
|
135
|
-
.common-item .org-name[data-v-
|
|
132
|
+
.common-item .text[data-v-f5b8bb9a],
|
|
133
|
+
.common-item .username[data-v-f5b8bb9a],
|
|
134
|
+
.common-item .common-value[data-v-f5b8bb9a],
|
|
135
|
+
.common-item .org-name[data-v-f5b8bb9a] {
|
|
136
136
|
color: var(--o-color-info2);
|
|
137
137
|
}
|
|
138
|
-
.common-item[data-v-
|
|
138
|
+
.common-item[data-v-f5b8bb9a] {
|
|
139
139
|
/* 行内 label 由自定义 div 承担,隐藏 OFormItem 自带 label */
|
|
140
140
|
}
|
|
141
|
-
.common-item[data-v-
|
|
141
|
+
.common-item[data-v-f5b8bb9a] .o-form-item-label {
|
|
142
142
|
display: none;
|
|
143
143
|
}
|
|
144
|
-
.common-item[data-v-
|
|
144
|
+
.common-item[data-v-f5b8bb9a] {
|
|
145
145
|
/* 隐藏的 label 节点仍在 DOM 中,OpenDesign 的
|
|
146
146
|
`.o-form-item-label + .o-form-item-main { margin-left: var(--form-label-main-gap) }`
|
|
147
147
|
依旧命中,需以同级相邻选择器提高特异性覆盖为 0 */
|
|
148
148
|
}
|
|
149
|
-
.common-item[data-v-
|
|
150
|
-
.common-item[data-v-
|
|
149
|
+
.common-item[data-v-f5b8bb9a] .o-form-item-label + .o-form-item-main,
|
|
150
|
+
.common-item[data-v-f5b8bb9a] .o-form-item-main {
|
|
151
151
|
margin-left: 0;
|
|
152
152
|
flex: 1;
|
|
153
153
|
}
|
|
154
|
-
.common-item .sig-info[data-v-
|
|
154
|
+
.common-item .sig-info[data-v-f5b8bb9a] {
|
|
155
155
|
display: flex;
|
|
156
156
|
align-items: center;
|
|
157
157
|
}
|
|
158
|
-
.common-item .common-label[data-v-
|
|
158
|
+
.common-item .common-label[data-v-f5b8bb9a] {
|
|
159
159
|
width: 96px;
|
|
160
160
|
min-width: 96px;
|
|
161
161
|
margin-right: var(--o-r-gap-8);
|
|
162
162
|
color: var(--o-color-info2);
|
|
163
163
|
}
|
|
164
164
|
@media (max-width: 840px) {
|
|
165
|
-
.common-item .common-label[data-v-
|
|
165
|
+
.common-item .common-label[data-v-f5b8bb9a] {
|
|
166
166
|
color: var(--o-color-info1);
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
|
-
.common-item .common-label-en[data-v-
|
|
169
|
+
.common-item .common-label-en[data-v-f5b8bb9a] {
|
|
170
170
|
width: 150px;
|
|
171
171
|
min-width: 150px;
|
|
172
172
|
margin-right: var(--o-r-gap-8);
|
|
@@ -174,59 +174,59 @@
|
|
|
174
174
|
line-height: 24px;
|
|
175
175
|
}
|
|
176
176
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
177
|
-
.common-item .common-label-en[data-v-
|
|
177
|
+
.common-item .common-label-en[data-v-f5b8bb9a] {
|
|
178
178
|
font-size: 14px;
|
|
179
179
|
line-height: 22px;
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
182
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
183
|
-
.common-item .common-label-en[data-v-
|
|
183
|
+
.common-item .common-label-en[data-v-f5b8bb9a] {
|
|
184
184
|
font-size: 14px;
|
|
185
185
|
line-height: 22px;
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
188
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
189
|
-
.common-item .common-label-en[data-v-
|
|
189
|
+
.common-item .common-label-en[data-v-f5b8bb9a] {
|
|
190
190
|
font-size: 14px;
|
|
191
191
|
line-height: 22px;
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
194
|
@media (max-width: 600px) {
|
|
195
|
-
.common-item .common-label-en[data-v-
|
|
195
|
+
.common-item .common-label-en[data-v-f5b8bb9a] {
|
|
196
196
|
font-size: 12px;
|
|
197
197
|
line-height: 18px;
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
-
.common-item[data-v-
|
|
200
|
+
.common-item[data-v-f5b8bb9a] .o_box-main {
|
|
201
201
|
width: 480px;
|
|
202
202
|
height: 40px;
|
|
203
203
|
border-radius: 4px;
|
|
204
204
|
}
|
|
205
205
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
206
|
-
.common-item[data-v-
|
|
206
|
+
.common-item[data-v-f5b8bb9a] .o_box-main {
|
|
207
207
|
width: 360px;
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
210
|
@media (max-width: 1200px) {
|
|
211
|
-
.common-item[data-v-
|
|
211
|
+
.common-item[data-v-f5b8bb9a] .o_box-main {
|
|
212
212
|
width: 320px;
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
.common-item .username[data-v-
|
|
216
|
-
.common-item .common-value[data-v-
|
|
215
|
+
.common-item .username[data-v-f5b8bb9a],
|
|
216
|
+
.common-item .common-value[data-v-f5b8bb9a] {
|
|
217
217
|
padding-left: 16px;
|
|
218
218
|
}
|
|
219
|
-
.common-item[data-v-
|
|
219
|
+
.common-item[data-v-f5b8bb9a]:not(:first-child) {
|
|
220
220
|
height: 40px;
|
|
221
221
|
line-height: 40px;
|
|
222
222
|
}
|
|
223
|
-
.common-item[data-v-
|
|
223
|
+
.common-item[data-v-f5b8bb9a]:not(:first-child) .o-input.o_box-medium {
|
|
224
224
|
height: 100%;
|
|
225
225
|
}
|
|
226
|
-
.user-avatar[data-v-
|
|
226
|
+
.user-avatar[data-v-f5b8bb9a] {
|
|
227
227
|
--form-item-align: center;
|
|
228
228
|
}
|
|
229
|
-
.user-avatar .avatar[data-v-
|
|
229
|
+
.user-avatar .avatar[data-v-f5b8bb9a] {
|
|
230
230
|
width: auto;
|
|
231
231
|
height: auto;
|
|
232
232
|
position: relative;
|
|
@@ -234,11 +234,11 @@
|
|
|
234
234
|
flex-shrink: 0;
|
|
235
235
|
}
|
|
236
236
|
@media (hover: hover) {
|
|
237
|
-
.user-avatar .avatar:hover .avatar-img-mask[data-v-
|
|
237
|
+
.user-avatar .avatar:hover .avatar-img-mask[data-v-f5b8bb9a] {
|
|
238
238
|
display: flex;
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
|
-
.user-avatar .avatar .avatar-img-mask[data-v-
|
|
241
|
+
.user-avatar .avatar .avatar-img-mask[data-v-f5b8bb9a] {
|
|
242
242
|
cursor: pointer;
|
|
243
243
|
position: absolute;
|
|
244
244
|
background-color: var(--o-color-info4);
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
font-size: 24px;
|
|
254
254
|
cursor: pointer;
|
|
255
255
|
}
|
|
256
|
-
.aside-userinfo[data-v-
|
|
256
|
+
.aside-userinfo[data-v-f5b8bb9a] {
|
|
257
257
|
display: flex;
|
|
258
258
|
flex-direction: column;
|
|
259
259
|
align-items: center;
|
|
@@ -264,13 +264,13 @@
|
|
|
264
264
|
min-width: 0;
|
|
265
265
|
overflow: hidden;
|
|
266
266
|
}
|
|
267
|
-
.aside-userinfo .o-form-layout-h[data-v-
|
|
267
|
+
.aside-userinfo .o-form-layout-h[data-v-f5b8bb9a] {
|
|
268
268
|
width: 100%;
|
|
269
269
|
}
|
|
270
|
-
.aside-userinfo .user-avatar[data-v-
|
|
270
|
+
.aside-userinfo .user-avatar[data-v-f5b8bb9a] {
|
|
271
271
|
margin-right: 0;
|
|
272
272
|
}
|
|
273
|
-
.aside-item[data-v-
|
|
273
|
+
.aside-item[data-v-f5b8bb9a] {
|
|
274
274
|
margin-top: 0;
|
|
275
275
|
display: flex;
|
|
276
276
|
flex-direction: column;
|
|
@@ -281,35 +281,35 @@
|
|
|
281
281
|
width: 100%;
|
|
282
282
|
min-width: 0;
|
|
283
283
|
}
|
|
284
|
-
.aside-item .username[data-v-
|
|
284
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
285
285
|
font-size: 24px;
|
|
286
286
|
line-height: 32px;
|
|
287
287
|
}
|
|
288
288
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
289
|
-
.aside-item .username[data-v-
|
|
289
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
290
290
|
font-size: 20px;
|
|
291
291
|
line-height: 28px;
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
294
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
295
|
-
.aside-item .username[data-v-
|
|
295
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
296
296
|
font-size: 18px;
|
|
297
297
|
line-height: 26px;
|
|
298
298
|
}
|
|
299
299
|
}
|
|
300
300
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
301
|
-
.aside-item .username[data-v-
|
|
301
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
302
302
|
font-size: 18px;
|
|
303
303
|
line-height: 26px;
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
306
|
@media (max-width: 600px) {
|
|
307
|
-
.aside-item .username[data-v-
|
|
307
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
308
308
|
font-size: 16px;
|
|
309
309
|
line-height: 24px;
|
|
310
310
|
}
|
|
311
311
|
}
|
|
312
|
-
.aside-item .username[data-v-
|
|
312
|
+
.aside-item .username[data-v-f5b8bb9a] {
|
|
313
313
|
font-weight: 600;
|
|
314
314
|
height: 26px;
|
|
315
315
|
line-height: 26px;
|
|
@@ -320,13 +320,13 @@
|
|
|
320
320
|
white-space: nowrap;
|
|
321
321
|
padding-left: 0;
|
|
322
322
|
}
|
|
323
|
-
.aside-item[data-v-
|
|
323
|
+
.aside-item[data-v-f5b8bb9a] {
|
|
324
324
|
/* 侧边栏简要信息:昵称 · 公司
|
|
325
325
|
两个文本各占 (100% - 8px(点) - --user-center-padding-value-2) / 2 的固定宽度,
|
|
326
326
|
昵称左对齐(从第一个字显示,省略号紧贴 ·),公司紧贴 · 向右展开(尾部省略),
|
|
327
327
|
超出各自宽度即显示省略号 */
|
|
328
328
|
}
|
|
329
|
-
.aside-item .brief-info[data-v-
|
|
329
|
+
.aside-item .brief-info[data-v-f5b8bb9a] {
|
|
330
330
|
display: flex;
|
|
331
331
|
align-items: center;
|
|
332
332
|
justify-content: center;
|
|
@@ -337,8 +337,8 @@
|
|
|
337
337
|
width: 100%;
|
|
338
338
|
min-width: 0;
|
|
339
339
|
}
|
|
340
|
-
.aside-item .brief-info .brief-nickname[data-v-
|
|
341
|
-
.aside-item .brief-info .brief-company[data-v-
|
|
340
|
+
.aside-item .brief-info .brief-nickname[data-v-f5b8bb9a],
|
|
341
|
+
.aside-item .brief-info .brief-company[data-v-f5b8bb9a] {
|
|
342
342
|
flex: 0 1 auto;
|
|
343
343
|
/* 上限:(100% - 8px(点) - --user-center-padding-value-2) / 2;
|
|
344
344
|
内容不超过上限时按内容自然显示(不出现省略号),超出才截断为 ... */
|
|
@@ -350,63 +350,63 @@
|
|
|
350
350
|
/* 覆盖 .aside-item 的 text-align: center,保证从首个字符开始显示 */
|
|
351
351
|
text-align: left;
|
|
352
352
|
}
|
|
353
|
-
.aside-item .brief-info .brief-dot[data-v-
|
|
353
|
+
.aside-item .brief-info .brief-dot[data-v-f5b8bb9a] {
|
|
354
354
|
flex-shrink: 0;
|
|
355
355
|
width: 8px;
|
|
356
356
|
text-align: center;
|
|
357
357
|
}
|
|
358
358
|
@media (max-width: 840px) {
|
|
359
|
-
.aside-item .brief-info[data-v-
|
|
359
|
+
.aside-item .brief-info[data-v-f5b8bb9a] {
|
|
360
360
|
margin-bottom: 16px;
|
|
361
361
|
}
|
|
362
362
|
}
|
|
363
|
-
.btn[data-v-
|
|
363
|
+
.btn[data-v-f5b8bb9a] {
|
|
364
364
|
margin-top: 24px;
|
|
365
365
|
}
|
|
366
|
-
.btn[data-v-
|
|
366
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
367
367
|
font-size: 16px;
|
|
368
368
|
line-height: 24px;
|
|
369
369
|
}
|
|
370
370
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
371
|
-
.btn[data-v-
|
|
371
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
372
372
|
font-size: 14px;
|
|
373
373
|
line-height: 22px;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
377
|
-
.btn[data-v-
|
|
377
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
378
378
|
font-size: 14px;
|
|
379
379
|
line-height: 22px;
|
|
380
380
|
}
|
|
381
381
|
}
|
|
382
382
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
383
|
-
.btn[data-v-
|
|
383
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
384
384
|
font-size: 14px;
|
|
385
385
|
line-height: 22px;
|
|
386
386
|
}
|
|
387
387
|
}
|
|
388
388
|
@media (max-width: 600px) {
|
|
389
|
-
.btn[data-v-
|
|
389
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
390
390
|
font-size: 12px;
|
|
391
391
|
line-height: 18px;
|
|
392
392
|
}
|
|
393
393
|
}
|
|
394
|
-
.btn[data-v-
|
|
394
|
+
.btn[data-v-f5b8bb9a] .o-btn-large {
|
|
395
395
|
border-radius: 20px;
|
|
396
396
|
}
|
|
397
|
-
.btn[data-v-
|
|
397
|
+
.btn[data-v-f5b8bb9a] .o-btn {
|
|
398
398
|
min-width: 112px;
|
|
399
399
|
width: 112px;
|
|
400
400
|
height: 40px;
|
|
401
401
|
}
|
|
402
|
-
.org-input[data-v-
|
|
402
|
+
.org-input[data-v-f5b8bb9a] .o-form-item-label {
|
|
403
403
|
display: none;
|
|
404
404
|
}
|
|
405
|
-
.org-input[data-v-
|
|
406
|
-
.org-input[data-v-
|
|
405
|
+
.org-input[data-v-f5b8bb9a] .o-form-item-label + .o-form-item-main,
|
|
406
|
+
.org-input[data-v-f5b8bb9a] .o-form-item-main {
|
|
407
407
|
margin-left: 0;
|
|
408
408
|
}
|
|
409
|
-
.userinfo-pad[data-v-
|
|
409
|
+
.userinfo-pad[data-v-f5b8bb9a] {
|
|
410
410
|
flex-direction: column;
|
|
411
411
|
justify-content: center;
|
|
412
412
|
background-color: var(--o-color-fill2);
|
|
@@ -414,82 +414,82 @@
|
|
|
414
414
|
padding-top: 16px;
|
|
415
415
|
border-radius: 8px;
|
|
416
416
|
}
|
|
417
|
-
.userinfo-pad .common-item[data-v-
|
|
417
|
+
.userinfo-pad .common-item[data-v-f5b8bb9a] {
|
|
418
418
|
justify-content: center !important;
|
|
419
419
|
border-bottom: none !important;
|
|
420
420
|
}
|
|
421
|
-
.userinfo-pad .common-item .username[data-v-
|
|
421
|
+
.userinfo-pad .common-item .username[data-v-f5b8bb9a] {
|
|
422
422
|
margin-right: 0 !important;
|
|
423
423
|
}
|
|
424
|
-
.userinfo-pad .common-item .avatar[data-v-
|
|
424
|
+
.userinfo-pad .common-item .avatar[data-v-f5b8bb9a] {
|
|
425
425
|
margin-right: 0 !important;
|
|
426
426
|
padding-top: 16px !important;
|
|
427
427
|
}
|
|
428
|
-
.userinfo-pad .common-item .avatar .img-avatar[data-v-
|
|
428
|
+
.userinfo-pad .common-item .avatar .img-avatar[data-v-f5b8bb9a] {
|
|
429
429
|
margin-right: 0 !important;
|
|
430
430
|
}
|
|
431
|
-
.userinfo-pad .aside-item .username[data-v-
|
|
431
|
+
.userinfo-pad .aside-item .username[data-v-f5b8bb9a] {
|
|
432
432
|
padding-left: 0;
|
|
433
433
|
}
|
|
434
|
-
.input-org[data-v-
|
|
434
|
+
.input-org[data-v-f5b8bb9a] {
|
|
435
435
|
display: flex;
|
|
436
436
|
margin-right: 16px;
|
|
437
437
|
align-items: center;
|
|
438
438
|
}
|
|
439
|
-
.input-org .org-name[data-v-
|
|
439
|
+
.input-org .org-name[data-v-f5b8bb9a] {
|
|
440
440
|
margin-right: 8px;
|
|
441
441
|
}
|
|
442
|
-
.userinfo-settings-pad[data-v-
|
|
442
|
+
.userinfo-settings-pad[data-v-f5b8bb9a] {
|
|
443
443
|
background-color: var(--o-color-fill2);
|
|
444
444
|
border-radius: 4px;
|
|
445
445
|
border-bottom: none;
|
|
446
446
|
padding: 0 16px;
|
|
447
447
|
}
|
|
448
|
-
.userinfo-settings-pad .common-item[data-v-
|
|
448
|
+
.userinfo-settings-pad .common-item[data-v-f5b8bb9a] {
|
|
449
449
|
margin-top: 0;
|
|
450
450
|
border-bottom: 1px solid var(--o-color-control4);
|
|
451
451
|
height: 52px;
|
|
452
452
|
justify-content: space-between;
|
|
453
453
|
}
|
|
454
|
-
.userinfo-settings-pad .common-item .common-value[data-v-
|
|
454
|
+
.userinfo-settings-pad .common-item .common-value[data-v-f5b8bb9a] {
|
|
455
455
|
color: var(--o-color-info2);
|
|
456
456
|
}
|
|
457
|
-
.userinfo-settings-pad .common-item .username[data-v-
|
|
457
|
+
.userinfo-settings-pad .common-item .username[data-v-f5b8bb9a] {
|
|
458
458
|
color: var(--o-color-info2);
|
|
459
459
|
}
|
|
460
|
-
.userinfo-settings-pad .common-item .org-name[data-v-
|
|
460
|
+
.userinfo-settings-pad .common-item .org-name[data-v-f5b8bb9a] {
|
|
461
461
|
color: var(--o-color-info2);
|
|
462
462
|
}
|
|
463
|
-
.userinfo-settings-pad .common-item[data-v-
|
|
463
|
+
.userinfo-settings-pad .common-item[data-v-f5b8bb9a] {
|
|
464
464
|
/* 值区域与用户名一致:靠右对齐、同一右缩进 */
|
|
465
465
|
}
|
|
466
|
-
.userinfo-settings-pad .common-item .org-input[data-v-
|
|
466
|
+
.userinfo-settings-pad .common-item .org-input[data-v-f5b8bb9a] {
|
|
467
467
|
flex: 1;
|
|
468
468
|
display: flex;
|
|
469
469
|
align-items: center;
|
|
470
470
|
justify-content: flex-end;
|
|
471
471
|
}
|
|
472
|
-
.userinfo-settings-pad .common-item .avatar[data-v-
|
|
472
|
+
.userinfo-settings-pad .common-item .avatar[data-v-f5b8bb9a] {
|
|
473
473
|
display: flex;
|
|
474
474
|
justify-content: center;
|
|
475
475
|
}
|
|
476
|
-
.userinfo-settings-pad .common-item .avatar .img-avatar[data-v-
|
|
476
|
+
.userinfo-settings-pad .common-item .avatar .img-avatar[data-v-f5b8bb9a] {
|
|
477
477
|
margin-right: 8px;
|
|
478
478
|
}
|
|
479
|
-
.userinfo-settings-pad .common-item[data-v-
|
|
479
|
+
.userinfo-settings-pad .common-item[data-v-f5b8bb9a]:last-child {
|
|
480
480
|
border-bottom: none;
|
|
481
481
|
}
|
|
482
|
-
.userinfo-settings-pad .input-org[data-v-
|
|
482
|
+
.userinfo-settings-pad .input-org[data-v-f5b8bb9a] {
|
|
483
483
|
margin-right: 0;
|
|
484
484
|
}
|
|
485
|
-
.title-pad[data-v-
|
|
485
|
+
.title-pad[data-v-f5b8bb9a] {
|
|
486
486
|
border-bottom: none;
|
|
487
487
|
}
|
|
488
|
-
.label-role[data-v-
|
|
488
|
+
.label-role[data-v-f5b8bb9a] {
|
|
489
489
|
display: flex;
|
|
490
490
|
align-items: center;
|
|
491
491
|
}
|
|
492
|
-
.label-role .o-icon[data-v-
|
|
492
|
+
.label-role .o-icon[data-v-f5b8bb9a] {
|
|
493
493
|
--icon-size: 16px;
|
|
494
494
|
margin-left: 8px;
|
|
495
495
|
cursor: pointer;
|
|
@@ -3,7 +3,7 @@ import './OUserInfo.css';
|
|
|
3
3
|
import './OUserInfo2.css';
|
|
4
4
|
import './OUserInfo3.css';
|
|
5
5
|
import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
|
|
6
|
-
const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
6
|
+
const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5b8bb9a"]]);
|
|
7
7
|
export {
|
|
8
8
|
_OUserInfo as default
|
|
9
9
|
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
.hover-icon-rotate .o-icon[data-v-
|
|
1
|
+
.hover-icon-rotate .o-icon[data-v-f5b8bb9a] {
|
|
2
2
|
transition: all var(--o-duration-m1) var(--o-easing-standard-in);
|
|
3
3
|
}
|
|
4
4
|
@media (hover: hover) {
|
|
5
|
-
.hover-icon-rotate:hover .o-icon[data-v-
|
|
5
|
+
.hover-icon-rotate:hover .o-icon[data-v-f5b8bb9a] {
|
|
6
6
|
transform: rotate(-180deg);
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
/* stylelint-disable */
|
|
11
|
-
:root.dark .edit-icon[data-v-
|
|
11
|
+
:root.dark .edit-icon[data-v-f5b8bb9a] {
|
|
12
12
|
background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%23ffffff'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
13
13
|
}
|
|
14
|
-
:root.dark .edit-icon[data-v-
|
|
14
|
+
:root.dark .edit-icon[data-v-f5b8bb9a]:hover {
|
|
15
15
|
background-image: url("data:image/svg+xml,%3csvg%20width='24.000000'%20height='24.000000'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20id='icon编辑'%20width='24.000000'%20height='24.000000'%20fill='%23FFFFFF'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20width='24.000000'%20height='24.000000'%20fill='%23D8D8D8'%20fill-opacity='0'/%3e%3crect%20id='矩形'%20x='0.500000'%20y='0.500000'%20width='23.000000'%20height='23.000000'%20stroke='%23979797'%20stroke-opacity='0'%20stroke-width='1.000000'/%3e%3cpath%20id='形状结合'%20d='M4.59998%2011.7781L12.6576%203.72058C13.5167%202.86133%2014.9097%202.86133%2015.7688%203.72058L17.887%205.83875C18.7462%206.69788%2018.7462%208.09082%2017.887%208.94995L9.82947%2017.0076C9.43311%2017.4038%208.90051%2017.634%208.34033%2017.6509L4.88171%2017.7556C4.32971%2017.7723%203.86865%2017.3384%203.85193%2016.7863L3.85144%2016.7561L3.95667%2013.2672C3.97351%2012.707%204.20374%2012.1744%204.59998%2011.7781ZM14.7806%204.71106L16.8988%206.82922C17.2113%207.14172%2017.2113%207.64819%2016.8988%207.96069L8.84131%2016.0182L8.74915%2016.0973C8.61926%2016.1927%208.46277%2016.2472%208.2998%2016.2522L5.26538%2016.3438L5.35779%2013.3102C5.36389%2013.1064%205.44763%2012.9127%205.59167%2012.7687L13.6493%204.71106C13.9617%204.39868%2014.4683%204.39868%2014.7806%204.71106ZM20.0437%2016.3577C20.4303%2016.3577%2020.7437%2016.6711%2020.7437%2017.0577C20.7437%2017.4121%2020.4803%2017.705%2020.1387%2017.7513L20.0437%2017.7577L13.5736%2017.7577C13.1869%2017.7577%2012.8735%2017.4443%2012.8735%2017.0577C12.8735%2016.7034%2013.1368%2016.4104%2013.4785%2016.3641L13.5736%2016.3577L20.0437%2016.3577ZM20.0504%2019.5237C20.437%2019.5237%2020.7505%2019.8372%2020.7505%2020.2238C20.7505%2020.5781%2020.4871%2020.871%2020.1454%2020.9174L20.0504%2020.9237L4.53552%2020.9237C4.14893%2020.9237%203.83557%2020.6104%203.83557%2020.2238C3.83557%2019.8694%204.09888%2019.5764%204.44055%2019.5302L4.53552%2019.5237L20.0504%2019.5237Z'%20clip-rule='evenodd'%20fill='%235C87FF'%20fill-opacity='0.800000'%20fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
16
16
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opendesign-plus-test/components",
|
|
3
|
-
"version": "0.0.1-rc.
|
|
3
|
+
"version": "0.0.1-rc.220",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"vue-dompurify-html": "^3.1.2",
|
|
47
47
|
"vue": "^3.5.13",
|
|
48
48
|
"element-plus": "2.13.1",
|
|
49
|
-
"@opendesign-plus/
|
|
50
|
-
"@opendesign-plus/
|
|
49
|
+
"@opendesign-plus/composables": "0.0.1-rc.10",
|
|
50
|
+
"@opendesign-plus/styles": "0.0.1-rc.3"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@vitejs/plugin-vue": "^5.2.1",
|