@opendesign-plus-test/components 0.0.1-rc.185 → 0.0.1-rc.187

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.
Files changed (24) hide show
  1. package/dist/components.cjs.js +2 -2
  2. package/dist/components.css +2 -2
  3. package/dist/components.es.js +16 -18
  4. package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -46
  5. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  6. package/dist/treeshaking/components/user-center/OAccountSetting.css +72 -48
  7. package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs +1 -1
  8. package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs +5 -5
  9. package/dist/treeshaking/components/user-center/OAsideBar.css +16 -16
  10. package/dist/treeshaking/components/user-center/OAsideBar.vue.mjs +1 -1
  11. package/dist/treeshaking/components/user-center/OTheAccountManage.css +8 -8
  12. package/dist/treeshaking/components/user-center/OTheAccountManage.vue.mjs +1 -1
  13. package/dist/treeshaking/components/user-center/OTheCreateMeeting.css +12 -10
  14. package/dist/treeshaking/components/user-center/OTheCreateMeeting.vue.mjs +1 -1
  15. package/dist/treeshaking/components/user-center/OTheMeeting.css +36 -33
  16. package/dist/treeshaking/components/user-center/OTheMeeting.vue.mjs +1 -1
  17. package/dist/treeshaking/components/user-center/OThirdPartyBindings.css +35 -24
  18. package/dist/treeshaking/components/user-center/OThirdPartyBindings.vue.mjs +1 -1
  19. package/dist/treeshaking/components/user-center/OUserInfo.css +83 -80
  20. package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
  21. package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs +4 -6
  22. package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
  23. package/dist/treeshaking/components/user-center/styles/variables.css +1 -3
  24. package/package.json +3 -3
package/dist/treeshaking/components/user-center/OTheMeeting.css CHANGED
@@ -1,86 +1,86 @@
1
- .hover-icon-rotate .o-icon[data-v-d2832c4d] {
1
+ .hover-icon-rotate .o-icon[data-v-2e30b82b] {
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-d2832c4d] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-2e30b82b] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .meeting-view[data-v-d2832c4d] {
9
+ .meeting-view[data-v-2e30b82b] {
10
10
  height: 100%;
11
11
  box-sizing: border-box;
12
12
  background-color: var(--o-color-fill2);
13
13
  border-radius: var(--container-border-radius);
14
14
  padding: var(--o-spacing-section-5, 24px);
15
15
  }
16
- .meeting-header[data-v-d2832c4d] {
16
+ .meeting-header[data-v-2e30b82b] {
17
17
  display: flex;
18
18
  align-items: center;
19
19
  justify-content: space-between;
20
20
  gap: 40px;
21
21
  margin-bottom: 16px;
22
22
  }
23
- .meeting-header .title[data-v-d2832c4d] {
23
+ .meeting-header .title[data-v-2e30b82b] {
24
24
  font-weight: 500;
25
25
  color: var(--o-color-info1);
26
26
  font-size: 24px;
27
27
  line-height: 32px;
28
28
  }
29
29
  @media (min-width: 1201px) and (max-width: 1680px) {
30
- .meeting-header .title[data-v-d2832c4d] {
30
+ .meeting-header .title[data-v-2e30b82b] {
31
31
  font-size: 20px;
32
32
  line-height: 28px;
33
33
  }
34
34
  }
35
35
  @media (min-width: 841px) and (max-width: 1200px) {
36
- .meeting-header .title[data-v-d2832c4d] {
36
+ .meeting-header .title[data-v-2e30b82b] {
37
37
  font-size: 18px;
38
38
  line-height: 26px;
39
39
  }
40
40
  }
41
41
  @media (min-width: 601px) and (max-width: 840px) {
42
- .meeting-header .title[data-v-d2832c4d] {
42
+ .meeting-header .title[data-v-2e30b82b] {
43
43
  font-size: 18px;
44
44
  line-height: 26px;
45
45
  }
46
46
  }
47
47
  @media (max-width: 600px) {
48
- .meeting-header .title[data-v-d2832c4d] {
48
+ .meeting-header .title[data-v-2e30b82b] {
49
49
  font-size: 16px;
50
50
  line-height: 24px;
51
51
  }
52
52
  }
53
- .meeting-header .desc[data-v-d2832c4d] {
53
+ .meeting-header .desc[data-v-2e30b82b] {
54
54
  margin-top: 12px;
55
55
  color: var(--o-color-info2);
56
56
  font-size: 14px;
57
57
  line-height: 22px;
58
58
  }
59
59
  @media (min-width: 1201px) and (max-width: 1680px) {
60
- .meeting-header .desc[data-v-d2832c4d] {
60
+ .meeting-header .desc[data-v-2e30b82b] {
61
61
  font-size: 14px;
62
62
  line-height: 18px;
63
63
  }
64
64
  }
65
65
  @media (min-width: 841px) and (max-width: 1200px) {
66
- .meeting-header .desc[data-v-d2832c4d] {
66
+ .meeting-header .desc[data-v-2e30b82b] {
67
67
  font-size: 12px;
68
68
  line-height: 18px;
69
69
  }
70
70
  }
71
71
  @media (min-width: 601px) and (max-width: 840px) {
72
- .meeting-header .desc[data-v-d2832c4d] {
72
+ .meeting-header .desc[data-v-2e30b82b] {
73
73
  font-size: 12px;
74
74
  line-height: 18px;
75
75
  }
76
76
  }
77
77
  @media (max-width: 600px) {
78
- .meeting-header .desc[data-v-d2832c4d] {
78
+ .meeting-header .desc[data-v-2e30b82b] {
79
79
  font-size: 12px;
80
80
  line-height: 18px;
81
81
  }
82
82
  }
83
- .filter[data-v-d2832c4d] {
83
+ .filter[data-v-2e30b82b] {
84
84
  display: flex;
85
85
  align-items: center;
86
86
  gap: 8px;
@@ -88,39 +88,39 @@
88
88
  padding-top: 16px;
89
89
  border-top: 1px solid var(--o-color-control4);
90
90
  }
91
- .filter .filter-label[data-v-d2832c4d] {
91
+ .filter .filter-label[data-v-2e30b82b] {
92
92
  color: var(--o-color-info3);
93
93
  font-size: 14px;
94
94
  line-height: 22px;
95
95
  }
96
96
  @media (min-width: 1201px) and (max-width: 1680px) {
97
- .filter .filter-label[data-v-d2832c4d] {
97
+ .filter .filter-label[data-v-2e30b82b] {
98
98
  font-size: 14px;
99
99
  line-height: 18px;
100
100
  }
101
101
  }
102
102
  @media (min-width: 841px) and (max-width: 1200px) {
103
- .filter .filter-label[data-v-d2832c4d] {
103
+ .filter .filter-label[data-v-2e30b82b] {
104
104
  font-size: 12px;
105
105
  line-height: 18px;
106
106
  }
107
107
  }
108
108
  @media (min-width: 601px) and (max-width: 840px) {
109
- .filter .filter-label[data-v-d2832c4d] {
109
+ .filter .filter-label[data-v-2e30b82b] {
110
110
  font-size: 12px;
111
111
  line-height: 18px;
112
112
  }
113
113
  }
114
114
  @media (max-width: 600px) {
115
- .filter .filter-label[data-v-d2832c4d] {
115
+ .filter .filter-label[data-v-2e30b82b] {
116
116
  font-size: 12px;
117
117
  line-height: 18px;
118
118
  }
119
119
  }
120
- .filter .filter-label[data-v-d2832c4d] {
120
+ .filter .filter-label[data-v-2e30b82b] {
121
121
  margin-right: 16px;
122
122
  }
123
- .filter .filter-btn[data-v-d2832c4d] {
123
+ .filter .filter-btn[data-v-2e30b82b] {
124
124
  cursor: pointer;
125
125
  padding: 4px 16px;
126
126
  border: 1px solid var(--o-color-fill1);
@@ -131,53 +131,56 @@
131
131
  line-height: 22px;
132
132
  }
133
133
  @media (min-width: 1201px) and (max-width: 1680px) {
134
- .filter .filter-btn[data-v-d2832c4d] {
134
+ .filter .filter-btn[data-v-2e30b82b] {
135
135
  font-size: 14px;
136
136
  line-height: 18px;
137
137
  }
138
138
  }
139
139
  @media (min-width: 841px) and (max-width: 1200px) {
140
- .filter .filter-btn[data-v-d2832c4d] {
140
+ .filter .filter-btn[data-v-2e30b82b] {
141
141
  font-size: 12px;
142
142
  line-height: 18px;
143
143
  }
144
144
  }
145
145
  @media (min-width: 601px) and (max-width: 840px) {
146
- .filter .filter-btn[data-v-d2832c4d] {
146
+ .filter .filter-btn[data-v-2e30b82b] {
147
147
  font-size: 12px;
148
148
  line-height: 18px;
149
149
  }
150
150
  }
151
151
  @media (max-width: 600px) {
152
- .filter .filter-btn[data-v-d2832c4d] {
152
+ .filter .filter-btn[data-v-2e30b82b] {
153
153
  font-size: 12px;
154
154
  line-height: 18px;
155
155
  }
156
156
  }
157
- .filter .filter-btn[data-v-d2832c4d] {
157
+ .filter .filter-btn[data-v-2e30b82b] {
158
158
  transition: all var(--o-duration-s) var(--o-easing-standard);
159
159
  }
160
- .filter .filter-btn.active[data-v-d2832c4d] {
160
+ .filter .filter-btn[data-v-2e30b82b]:hover {
161
+ background-color: var(--o-color-control2-light);
162
+ }
163
+ .filter .filter-btn.active[data-v-2e30b82b] {
161
164
  color: var(--o-color-primary1);
162
165
  border-color: var(--o-color-primary1);
163
166
  background-color: transparent;
164
167
  }
165
- .is-pad[data-v-d2832c4d] {
168
+ .is-pad[data-v-2e30b82b] {
166
169
  padding: 0;
167
170
  background-color: transparent;
168
171
  border-radius: 0;
169
172
  }
170
- .is-pad[data-v-d2832c4d] .list-calendar-mb {
173
+ .is-pad[data-v-2e30b82b] .list-calendar-mb {
171
174
  padding: 0 16px !important;
172
175
  }
173
- .is-pad .filter[data-v-d2832c4d] {
176
+ .is-pad .filter[data-v-2e30b82b] {
174
177
  padding-left: 16px;
175
178
  padding-right: 16px;
176
179
  }
177
- .is-pad[data-v-d2832c4d] {
180
+ .is-pad[data-v-2e30b82b] {
178
181
  /* list-wrapper 在子组件 OMeetingMyCalendar 内部，必须用 :deep 穿透 scoped */
179
182
  }
180
- .is-pad[data-v-d2832c4d] .list-wrapper {
183
+ .is-pad[data-v-2e30b82b] .list-wrapper {
181
184
  margin: 0 16px !important;
182
185
  padding: 0 8px;
183
186
  }
package/dist/treeshaking/components/user-center/OTheMeeting.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OTheMeeting.vue2.mjs";
2
2
  import './OTheMeeting.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OTheMeeting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d2832c4d"]]);
4
+ const _OTheMeeting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2e30b82b"]]);
5
5
  export {
6
6
  _OTheMeeting as default
7
7
  };
package/dist/treeshaking/components/user-center/OThirdPartyBindings.css CHANGED
@@ -1,18 +1,18 @@
1
- .hover-icon-rotate .o-icon[data-v-d845c0b7] {
1
+ .hover-icon-rotate .o-icon[data-v-e4d5b329] {
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-d845c0b7] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-e4d5b329] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .title[data-v-d845c0b7] {
9
+ .title[data-v-e4d5b329] {
10
10
  font-size: var(--font-size3);
11
11
  line-height: var(--line-height3);
12
12
  font-weight: 600;
13
13
  padding-top: var(--layout-gap2);
14
14
  }
15
- .third-party-item[data-v-d845c0b7] {
15
+ .third-party-item[data-v-e4d5b329] {
16
16
  display: flex;
17
17
  align-items: center;
18
18
  justify-content: space-between;
@@ -20,66 +20,77 @@
20
20
  color: var(--o-color-info1);
21
21
  width: 592px;
22
22
  }
23
- .third-party-item .common-label[data-v-d845c0b7] {
23
+ @media (min-width: 841px) and (max-width: 1200px) {
24
+ .third-party-item[data-v-e4d5b329] {
25
+ width: 480px;
26
+ }
27
+ }
28
+ .third-party-item .common-label[data-v-e4d5b329] {
24
29
  width: 110px;
25
30
  min-width: 96px;
26
31
  padding-left: 8px;
32
+ color: var(--o-color-info2);
33
+ }
34
+ @media (max-width: 840px) {
35
+ .third-party-item .common-label[data-v-e4d5b329] {
36
+ color: var(--o-color-info1);
27
37
  }
28
- .third-party-item .common-label-en[data-v-d845c0b7] {
38
+ }
39
+ .third-party-item .common-label-en[data-v-e4d5b329] {
29
40
  width: 140px;
30
41
  padding-left: 8px;
31
42
  }
32
- .third-party-item .icon svg[data-v-d845c0b7] {
43
+ .third-party-item .icon svg[data-v-e4d5b329] {
33
44
  width: 24px;
34
45
  height: 24px;
35
46
  }
36
- .third-party-item .left-content[data-v-d845c0b7] {
47
+ .third-party-item .left-content[data-v-e4d5b329] {
37
48
  display: flex;
38
49
  }
39
- .third-party-item .left-content .common-value[data-v-d845c0b7] {
50
+ .third-party-item .left-content .common-value[data-v-e4d5b329] {
40
51
  color: var(--o-color-info2);
41
52
  }
42
- .right-content .bind[data-v-d845c0b7] {
53
+ .right-content .bind[data-v-e4d5b329] {
43
54
  color: var(--o-color-link1);
44
55
  }
45
- .right-content .bind[data-v-d845c0b7]:hover {
56
+ .right-content .bind[data-v-e4d5b329]:hover {
46
57
  color: var(--o-color-primary2);
47
58
  }
48
- .right-content .unbind[data-v-d845c0b7] {
59
+ .right-content .unbind[data-v-e4d5b329] .o-link-label {
49
60
  color: var(--o-color-info3);
61
+ transition: none;
62
+ background: none;
63
+ background-size: 0;
50
64
  }
51
- .right-content .unbind[data-v-d845c0b7]:hover {
52
- color: var(--o-color-primary2);
53
- }
54
- .third-seeting[data-v-d845c0b7] {
65
+ .third-seeting[data-v-e4d5b329] {
55
66
  font-size: var(--font-size5);
56
67
  padding-bottom: var(--layout-gap2);
57
68
  border-bottom: 1px solid var(--o-color-control4);
58
69
  }
59
- .third-seeting-pad[data-v-d845c0b7] {
70
+ .third-seeting-pad[data-v-e4d5b329] {
60
71
  padding-bottom: 0;
61
72
  border-bottom: none;
62
73
  background-color: var(--o-color-fill2);
63
74
  margin-top: 12px;
64
75
  border-radius: 8px;
76
+ padding: 0 16px;
65
77
  }
66
- .third-seeting-pad .third-party-item[data-v-d845c0b7] {
78
+ .third-seeting-pad .third-party-item[data-v-e4d5b329] {
67
79
  width: 100%;
68
80
  padding-top: 0;
69
81
  height: 52px;
70
82
  border-bottom: 1px solid var(--o-color-control4);
71
83
  }
72
- .third-seeting-pad .third-party-item[data-v-d845c0b7]:last-child {
84
+ .third-seeting-pad .third-party-item[data-v-e4d5b329]:last-child {
73
85
  border-bottom: none;
74
86
  }
75
- .third-seeting-pad .left-content[data-v-d845c0b7] {
87
+ .third-seeting-pad .left-content[data-v-e4d5b329] {
76
88
  flex: 1;
77
- margin-left: 16px;
78
89
  align-items: center;
79
90
  }
80
- .third-seeting-pad .left-content > div[data-v-d845c0b7]:last-child {
91
+ .third-seeting-pad .left-content > div[data-v-e4d5b329]:last-child {
81
92
  margin-left: auto;
82
93
  }
83
- .third-seeting-pad .right-content[data-v-d845c0b7] {
84
- margin-right: 16px;
94
+ .third-seeting-pad .right-content .common-value[data-v-e4d5b329] {
95
+ color: var(--o-color-info2);
85
96
  }
package/dist/treeshaking/components/user-center/OThirdPartyBindings.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OThirdPartyBindings.vue2.mjs";
2
2
  import './OThirdPartyBindings.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OThirdPartyBindings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d845c0b7"]]);
4
+ const _OThirdPartyBindings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e4d5b329"]]);
5
5
  export {
6
6
  _OThirdPartyBindings as default
7
7
  };
package/dist/treeshaking/components/user-center/OUserInfo.css CHANGED
@@ -1,90 +1,99 @@
1
- .hover-icon-rotate .o-icon[data-v-b2c80519] {
1
+ .hover-icon-rotate .o-icon[data-v-8f2e1e53] {
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-b2c80519] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-8f2e1e53] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .info-title[data-v-b2c80519] {
9
+ .info-title[data-v-8f2e1e53] {
10
10
  border-bottom: 1px solid var(--o-color-control4);
11
11
  }
12
- .title[data-v-b2c80519] {
12
+ @media (max-width: 840px) {
13
+ .info-title[data-v-8f2e1e53] {
14
+ border-bottom: none;
15
+ }
16
+ }
17
+ .title[data-v-8f2e1e53] {
13
18
  font-size: var(--font-size1);
14
19
  line-height: var(--line-height1);
15
20
  color: var(--o-color-info1);
16
- padding-bottom: var(--layout-gap2);
21
+ padding-bottom: var(--layout-gap4);
17
22
  font-weight: 600;
18
23
  }
19
- .title-desc[data-v-b2c80519] {
24
+ .title-desc[data-v-8f2e1e53] {
20
25
  font-size: 14px;
21
26
  line-height: var(--line-height3);
22
27
  color: var(--o-color-info2);
23
28
  margin-bottom: var(--layout-gap2);
24
29
  }
25
- .common-item[data-v-b2c80519] {
30
+ .common-item[data-v-8f2e1e53] {
26
31
  display: flex;
27
32
  align-items: center;
28
33
  margin-top: 24px;
29
34
  color: var(--o-color-info1);
30
35
  font-size: var(--font-size5);
31
36
  }
32
- .common-item[data-v-b2c80519] .o_input-input {
37
+ .common-item[data-v-8f2e1e53] .o_input-input {
33
38
  font-size: var(--font-size5);
34
39
  color: var(--o-color-info2);
35
40
  }
36
- .common-item[data-v-b2c80519] {
41
+ .common-item[data-v-8f2e1e53] {
37
42
  /* 用户信息值 */
38
43
  }
39
- .common-item .text[data-v-b2c80519],
40
- .common-item .username[data-v-b2c80519],
41
- .common-item .common-value[data-v-b2c80519],
42
- .common-item .org-name[data-v-b2c80519] {
44
+ .common-item .text[data-v-8f2e1e53],
45
+ .common-item .username[data-v-8f2e1e53],
46
+ .common-item .common-value[data-v-8f2e1e53],
47
+ .common-item .org-name[data-v-8f2e1e53] {
43
48
  color: var(--o-color-info2);
44
49
  }
45
- .common-item[data-v-b2c80519] {
50
+ .common-item[data-v-8f2e1e53] {
46
51
  /* 行内 label 由自定义 div 承担，隐藏 OFormItem 自带 label */
47
52
  }
48
- .common-item[data-v-b2c80519] .o-form-item-label {
53
+ .common-item[data-v-8f2e1e53] .o-form-item-label {
49
54
  display: none;
50
55
  }
51
- .common-item[data-v-b2c80519] {
56
+ .common-item[data-v-8f2e1e53] {
52
57
  /* 隐藏的 label 节点仍在 DOM 中，OpenDesign 的
53
58
  `.o-form-item-label + .o-form-item-main { margin-left: var(--form-label-main-gap) }`
54
59
  依旧命中，需以同级相邻选择器提高特异性覆盖为 0 */
55
60
  }
56
- .common-item[data-v-b2c80519] .o-form-item-label + .o-form-item-main,
57
- .common-item[data-v-b2c80519] .o-form-item-main {
61
+ .common-item[data-v-8f2e1e53] .o-form-item-label + .o-form-item-main,
62
+ .common-item[data-v-8f2e1e53] .o-form-item-main {
58
63
  margin-left: 0;
59
64
  flex: 1;
60
65
  }
61
- .common-item .sig-info[data-v-b2c80519] {
66
+ .common-item .sig-info[data-v-8f2e1e53] {
62
67
  display: flex;
63
68
  align-items: center;
64
69
  }
65
- .common-item .common-label[data-v-b2c80519] {
70
+ .common-item .common-label[data-v-8f2e1e53] {
66
71
  width: 96px;
67
72
  min-width: 96px;
68
- margin-left: var(--o-r-gap-8);
69
73
  margin-right: var(--o-r-gap-8);
70
- color: var(--o-color-info1);
74
+ color: var(--o-color-info2);
75
+ }
76
+ @media (max-width: 840px) {
77
+ .common-item .common-label[data-v-8f2e1e53] {
78
+ color: var(--o-color-info1);
79
+ }
71
80
  }
72
- .common-item .common-label-en[data-v-b2c80519] {
81
+ .common-item .common-label-en[data-v-8f2e1e53] {
73
82
  width: 150px;
74
83
  min-width: 150px;
75
84
  margin-left: var(--o-r-gap-8);
76
85
  margin-right: var(--o-r-gap-8);
77
86
  font-size: var(--font-size5);
78
87
  }
79
- .common-item[data-v-b2c80519] .o_box-main {
88
+ .common-item[data-v-8f2e1e53] .o_box-main {
80
89
  width: var(--input-width1);
81
- height: var(--input-height1);
90
+ height: 40px;
82
91
  border-radius: 4px;
83
92
  }
84
- .user-avatar[data-v-b2c80519] {
93
+ .user-avatar[data-v-8f2e1e53] {
85
94
  --form-item-align: center;
86
95
  }
87
- .user-avatar .avatar[data-v-b2c80519] {
96
+ .user-avatar .avatar[data-v-8f2e1e53] {
88
97
  width: auto;
89
98
  height: auto;
90
99
  position: relative;
@@ -92,11 +101,11 @@
92
101
  flex-shrink: 0;
93
102
  }
94
103
  @media (hover: hover) {
95
- .user-avatar .avatar:hover .avatar-img-mask[data-v-b2c80519] {
104
+ .user-avatar .avatar:hover .avatar-img-mask[data-v-8f2e1e53] {
96
105
  display: flex;
97
106
  }
98
107
  }
99
- .user-avatar .avatar .avatar-img-mask[data-v-b2c80519] {
108
+ .user-avatar .avatar .avatar-img-mask[data-v-8f2e1e53] {
100
109
  cursor: pointer;
101
110
  position: absolute;
102
111
  background-color: var(--o-color-info4);
@@ -111,7 +120,7 @@
111
120
  font-size: 24px;
112
121
  cursor: pointer;
113
122
  }
114
- .aside-userinfo[data-v-b2c80519] {
123
+ .aside-userinfo[data-v-8f2e1e53] {
115
124
  display: flex;
116
125
  flex-direction: column;
117
126
  align-items: center;
@@ -119,50 +128,51 @@
119
128
  border-bottom: 1px solid var(--o-color-control4);
120
129
  justify-content: center;
121
130
  }
122
- .aside-userinfo .user-avatar[data-v-b2c80519] {
131
+ .aside-userinfo .user-avatar[data-v-8f2e1e53] {
123
132
  margin-right: 0;
124
133
  }
125
- .aside-item[data-v-b2c80519] {
134
+ .aside-item[data-v-8f2e1e53] {
126
135
  margin-top: 0;
127
136
  display: flex;
128
137
  flex-direction: column;
129
138
  align-items: center;
130
139
  text-align: center;
131
140
  }
132
- .aside-item .username[data-v-b2c80519] {
141
+ .aside-item .username[data-v-8f2e1e53] {
142
+ font-size: var(--font-size1);
133
143
  font-weight: 600;
134
144
  margin-top: 8px;
135
145
  }
136
- .aside-item[data-v-b2c80519] {
146
+ .aside-item[data-v-8f2e1e53] {
137
147
  /* 侧边栏简要信息：昵称 · 公司 */
138
148
  }
139
- .aside-item .brief-info[data-v-b2c80519] {
149
+ .aside-item .brief-info[data-v-8f2e1e53] {
140
150
  margin-top: 4px;
141
- font-size: 12px;
151
+ font-size: 14px;
142
152
  line-height: 18px;
143
- color: var(--o-color-info2);
153
+ color: var(--o-color-info3);
144
154
  white-space: nowrap;
145
155
  }
146
- .btn[data-v-b2c80519] {
156
+ .btn[data-v-8f2e1e53] {
147
157
  margin-top: 24px;
148
158
  }
149
- .btn[data-v-b2c80519] .o-btn-large {
159
+ .btn[data-v-8f2e1e53] .o-btn-large {
150
160
  font-size: var(--font-size5);
151
- border-radius: 4px;
161
+ border-radius: 20px;
152
162
  }
153
- .btn[data-v-b2c80519] .o-btn {
163
+ .btn[data-v-8f2e1e53] .o-btn {
154
164
  min-width: 112px;
155
165
  width: 112px;
156
166
  height: 40px;
157
167
  }
158
- .org-input[data-v-b2c80519] .o-form-item-label {
168
+ .org-input[data-v-8f2e1e53] .o-form-item-label {
159
169
  display: none;
160
170
  }
161
- .org-input[data-v-b2c80519] .o-form-item-label + .o-form-item-main,
162
- .org-input[data-v-b2c80519] .o-form-item-main {
171
+ .org-input[data-v-8f2e1e53] .o-form-item-label + .o-form-item-main,
172
+ .org-input[data-v-8f2e1e53] .o-form-item-main {
163
173
  margin-left: 0;
164
174
  }
165
- .userinfo-pad[data-v-b2c80519] {
175
+ .userinfo-pad[data-v-8f2e1e53] {
166
176
  flex-direction: column;
167
177
  justify-content: center;
168
178
  background-color: var(--o-color-fill2);
@@ -170,82 +180,75 @@
170
180
  padding-top: 16px;
171
181
  border-radius: 8px;
172
182
  }
173
- .userinfo-pad .common-item[data-v-b2c80519] {
183
+ .userinfo-pad .common-item[data-v-8f2e1e53] {
174
184
  justify-content: center !important;
175
185
  border-bottom: none !important;
176
186
  }
177
- .userinfo-pad .common-item .username[data-v-b2c80519] {
187
+ .userinfo-pad .common-item .username[data-v-8f2e1e53] {
178
188
  margin-right: 0 !important;
179
189
  }
180
- .userinfo-pad .common-item .avatar[data-v-b2c80519] {
190
+ .userinfo-pad .common-item .avatar[data-v-8f2e1e53] {
181
191
  margin-right: 0 !important;
182
192
  }
183
- .userinfo-settings-pad[data-v-b2c80519] {
193
+ .input-org[data-v-8f2e1e53] {
194
+ display: flex;
195
+ margin-right: 16px;
196
+ align-items: center;
197
+ }
198
+ .input-org .org-name[data-v-8f2e1e53] {
199
+ margin-right: 8px;
200
+ }
201
+ .userinfo-settings-pad[data-v-8f2e1e53] {
184
202
  background-color: var(--o-color-fill2);
185
203
  border-radius: 8px;
204
+ border-bottom: none;
205
+ padding: 0 16px;
186
206
  }
187
- .userinfo-settings-pad .common-item[data-v-b2c80519] {
207
+ .userinfo-settings-pad .common-item[data-v-8f2e1e53] {
188
208
  margin-top: 0;
189
209
  border-bottom: 1px solid var(--o-color-control4);
190
210
  height: 52px;
191
211
  justify-content: space-between;
192
212
  }
193
- .userinfo-settings-pad .common-item .common-label[data-v-b2c80519] {
194
- margin-left: 16px;
195
- }
196
- .userinfo-settings-pad .common-item .common-label-en[data-v-b2c80519] {
197
- margin-left: 16px;
198
- }
199
- .userinfo-settings-pad .common-item .common-value[data-v-b2c80519] {
200
- margin-right: 48px;
213
+ .userinfo-settings-pad .common-item .common-value[data-v-8f2e1e53] {
201
214
  color: var(--o-color-info2);
202
215
  }
203
- .userinfo-settings-pad .common-item .username[data-v-b2c80519] {
204
- margin-right: 48px;
216
+ .userinfo-settings-pad .common-item .username[data-v-8f2e1e53] {
205
217
  color: var(--o-color-info2);
206
218
  }
207
- .userinfo-settings-pad .common-item .org-name[data-v-b2c80519] {
219
+ .userinfo-settings-pad .common-item .org-name[data-v-8f2e1e53] {
208
220
  color: var(--o-color-info2);
209
221
  }
210
- .userinfo-settings-pad .common-item[data-v-b2c80519] {
222
+ .userinfo-settings-pad .common-item[data-v-8f2e1e53] {
211
223
  /* 值区域与用户名一致：靠右对齐、同一右缩进 */
212
224
  }
213
- .userinfo-settings-pad .common-item .org-input[data-v-b2c80519] {
225
+ .userinfo-settings-pad .common-item .org-input[data-v-8f2e1e53] {
214
226
  flex: 1;
215
227
  display: flex;
216
228
  align-items: center;
217
229
  justify-content: flex-end;
218
230
  }
219
- .userinfo-settings-pad .common-item .avatar[data-v-b2c80519] {
220
- margin-right: 16px;
231
+ .userinfo-settings-pad .common-item .avatar[data-v-8f2e1e53] {
221
232
  display: flex;
222
233
  justify-content: center;
223
234
  }
224
- .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-b2c80519] {
235
+ .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-8f2e1e53] {
225
236
  margin-right: 8px;
226
237
  }
227
- .userinfo-settings-pad .common-item[data-v-b2c80519]:last-child {
238
+ .userinfo-settings-pad .common-item[data-v-8f2e1e53]:last-child {
228
239
  border-bottom: none;
229
240
  }
230
- .input-org[data-v-b2c80519] {
231
- display: flex;
232
- margin-right: 16px;
233
- align-items: center;
234
- }
235
- .input-org .org-name[data-v-b2c80519] {
236
- margin-right: 8px;
241
+ .userinfo-settings-pad .input-org[data-v-8f2e1e53] {
242
+ margin-right: 0;
237
243
  }
238
- .title-pad[data-v-b2c80519] {
244
+ .title-pad[data-v-8f2e1e53] {
239
245
  border-bottom: none;
240
246
  }
241
- .title-desc-pad[data-v-b2c80519] {
242
- display: none;
243
- }
244
- .label-role[data-v-b2c80519] {
247
+ .label-role[data-v-8f2e1e53] {
245
248
  display: flex;
246
249
  align-items: center;
247
250
  }
248
- .label-role .o-icon[data-v-b2c80519] {
251
+ .label-role .o-icon[data-v-8f2e1e53] {
249
252
  --icon-size: 16px;
250
253
  margin-left: 8px;
251
254
  cursor: pointer;
package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs CHANGED
@@ -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-b2c80519"]]);
6
+ const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f2e1e53"]]);
7
7
  export {
8
8
  _OUserInfo as default
9
9
  };