@opendesign-plus/components 0.0.1-rc.90 → 0.0.1-rc.92

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 (67) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +41 -25
  3. package/dist/components/logo-swiper/types.d.ts +1 -0
  4. package/dist/components/search-doc-result/OSearchDocResult.vue.d.ts +56 -0
  5. package/dist/components/search-doc-result/index.d.ts +113 -0
  6. package/dist/components/search-result/OSearchResult.vue.d.ts +11 -0
  7. package/dist/components/search-result/OSearchResultHeader.vue.d.ts +9 -1
  8. package/dist/components/search-result/components/OSearchResultRelative.vue.d.ts +5 -1
  9. package/dist/components/search-result/index.d.ts +56 -3
  10. package/dist/components.cjs.js +40 -40
  11. package/dist/components.css +1 -1
  12. package/dist/components.es.js +10888 -10660
  13. package/dist/index.d.ts +1 -0
  14. package/dist/treeshaking/_virtual/icon-email.mjs +8 -9
  15. package/dist/treeshaking/_virtual/icon-email2.mjs +9 -8
  16. package/dist/treeshaking/components/header/components/HeaderContent.css +184 -184
  17. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  18. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +2 -1
  19. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.css +19 -19
  20. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue.mjs +1 -1
  21. package/dist/treeshaking/components/logo-swiper/OLogoSwiperItems.vue2.mjs +4 -2
  22. package/dist/treeshaking/components/logo-swiper/types.d.ts +1 -0
  23. package/dist/treeshaking/components/markdown/OMarkdown.css +7 -0
  24. package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs +1 -1
  25. package/dist/treeshaking/components/search/OSearchInput.css +37 -34
  26. package/dist/treeshaking/components/search/OSearchInput.vue.mjs +1 -1
  27. package/dist/treeshaking/components/search/internal/SearchImageInput.css +49 -47
  28. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.mjs +1 -1
  29. package/dist/treeshaking/components/search/internal/SearchPanel.css +117 -117
  30. package/dist/treeshaking/components/search/internal/SearchPanel.vue.mjs +1 -1
  31. package/dist/treeshaking/components/search-doc-result/OSearchDocResult.css +156 -0
  32. package/dist/treeshaking/components/search-doc-result/OSearchDocResult.vue.d.ts +56 -0
  33. package/dist/treeshaking/components/search-doc-result/OSearchDocResult.vue.mjs +7 -0
  34. package/dist/treeshaking/components/search-doc-result/OSearchDocResult.vue2.mjs +214 -0
  35. package/dist/treeshaking/components/search-doc-result/index.d.ts +113 -0
  36. package/dist/treeshaking/components/search-doc-result/index.mjs +9 -0
  37. package/dist/treeshaking/components/search-result/OSearchResult.css +97 -33
  38. package/dist/treeshaking/components/search-result/OSearchResult.vue.d.ts +11 -0
  39. package/dist/treeshaking/components/search-result/OSearchResult.vue.mjs +1 -1
  40. package/dist/treeshaking/components/search-result/OSearchResult.vue2.mjs +90 -21
  41. package/dist/treeshaking/components/search-result/OSearchResultHeader.css +78 -41
  42. package/dist/treeshaking/components/search-result/OSearchResultHeader.vue.d.ts +9 -1
  43. package/dist/treeshaking/components/search-result/OSearchResultHeader.vue.mjs +1 -1
  44. package/dist/treeshaking/components/search-result/OSearchResultHeader.vue2.mjs +26 -18
  45. package/dist/treeshaking/components/search-result/OSearchResultItem.css +42 -54
  46. package/dist/treeshaking/components/search-result/OSearchResultItem.vue.mjs +1 -1
  47. package/dist/treeshaking/components/search-result/OSearchResultItem.vue2.mjs +2 -1
  48. package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.css +34 -36
  49. package/dist/treeshaking/components/search-result/components/OSearchResultFeedback.vue.mjs +1 -1
  50. package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.css +41 -37
  51. package/dist/treeshaking/components/search-result/components/OSearchResultFeedbackBanner.vue.mjs +1 -1
  52. package/dist/treeshaking/components/search-result/components/OSearchResultRelative.css +19 -19
  53. package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.d.ts +5 -1
  54. package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue.mjs +1 -1
  55. package/dist/treeshaking/components/search-result/components/OSearchResultRelative.vue2.mjs +6 -3
  56. package/dist/treeshaking/components/search-result/index.d.ts +56 -3
  57. package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -51
  58. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  59. package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs +24 -9
  60. package/dist/treeshaking/components/user-center/OAccountSetting.css +63 -61
  61. package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs +1 -1
  62. package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs +1 -1
  63. package/dist/treeshaking/i18n/en.mjs +9 -1
  64. package/dist/treeshaking/i18n/zh.mjs +8 -0
  65. package/dist/treeshaking/index.d.ts +1 -0
  66. package/dist/treeshaking/index.mjs +2 -0
  67. package/package.json +5 -5
@@ -1,217 +1,217 @@
1
- .hover-icon-rotate .o-icon[data-v-c5f77844] {
1
+ .hover-icon-rotate .o-icon[data-v-41b55b2c] {
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-c5f77844] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-41b55b2c] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .title[data-v-c5f77844] {
9
+ .title[data-v-41b55b2c] {
10
10
  font-size: 20px;
11
11
  line-height: 28px;
12
12
  }
13
13
  @media (min-width: 1201px) and (max-width: 1680px) {
14
- .title[data-v-c5f77844] {
14
+ .title[data-v-41b55b2c] {
15
15
  font-size: 18px;
16
16
  line-height: 26px;
17
17
  }
18
18
  }
19
19
  @media (min-width: 841px) and (max-width: 1200px) {
20
- .title[data-v-c5f77844] {
20
+ .title[data-v-41b55b2c] {
21
21
  font-size: 16px;
22
22
  line-height: 24px;
23
23
  }
24
24
  }
25
25
  @media (min-width: 601px) and (max-width: 840px) {
26
- .title[data-v-c5f77844] {
26
+ .title[data-v-41b55b2c] {
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  }
30
30
  }
31
31
  @media (max-width: 600px) {
32
- .title[data-v-c5f77844] {
32
+ .title[data-v-41b55b2c] {
33
33
  font-size: 14px;
34
34
  line-height: 22px;
35
35
  }
36
36
  }
37
- .title[data-v-c5f77844] {
37
+ .title[data-v-41b55b2c] {
38
38
  font-weight: 600;
39
39
  padding-top: var(--o-gap-5);
40
40
  padding-bottom: var(--o-gap-5);
41
41
  }
42
- .tips[data-v-c5f77844] {
42
+ .tips[data-v-41b55b2c] {
43
43
  width: 592px;
44
44
  color: var(--o-color-info1);
45
45
  margin-bottom: 24px;
46
46
  }
47
- .tips[data-v-c5f77844]:last-child {
47
+ .tips[data-v-41b55b2c]:last-child {
48
48
  margin-bottom: 0;
49
49
  }
50
- .tips-title[data-v-c5f77844] {
50
+ .tips-title[data-v-41b55b2c] {
51
51
  font-size: 18px;
52
52
  line-height: 26px;
53
53
  }
54
54
  @media (min-width: 1201px) and (max-width: 1680px) {
55
- .tips-title[data-v-c5f77844] {
55
+ .tips-title[data-v-41b55b2c] {
56
56
  font-size: 16px;
57
57
  line-height: 24px;
58
58
  }
59
59
  }
60
60
  @media (min-width: 841px) and (max-width: 1200px) {
61
- .tips-title[data-v-c5f77844] {
61
+ .tips-title[data-v-41b55b2c] {
62
62
  font-size: 14px;
63
63
  line-height: 22px;
64
64
  }
65
65
  }
66
66
  @media (min-width: 601px) and (max-width: 840px) {
67
- .tips-title[data-v-c5f77844] {
67
+ .tips-title[data-v-41b55b2c] {
68
68
  font-size: 14px;
69
69
  line-height: 22px;
70
70
  }
71
71
  }
72
72
  @media (max-width: 600px) {
73
- .tips-title[data-v-c5f77844] {
73
+ .tips-title[data-v-41b55b2c] {
74
74
  font-size: 14px;
75
75
  line-height: 22px;
76
76
  }
77
77
  }
78
- .tips-title[data-v-c5f77844] {
78
+ .tips-title[data-v-41b55b2c] {
79
79
  margin-bottom: 4px;
80
80
  }
81
- .tips-content[data-v-c5f77844] {
81
+ .tips-content[data-v-41b55b2c] {
82
82
  font-size: 14px;
83
83
  line-height: 22px;
84
84
  }
85
85
  @media (min-width: 1201px) and (max-width: 1680px) {
86
- .tips-content[data-v-c5f77844] {
86
+ .tips-content[data-v-41b55b2c] {
87
87
  font-size: 14px;
88
88
  line-height: 18px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 841px) and (max-width: 1200px) {
92
- .tips-content[data-v-c5f77844] {
92
+ .tips-content[data-v-41b55b2c] {
93
93
  font-size: 12px;
94
94
  line-height: 18px;
95
95
  }
96
96
  }
97
97
  @media (min-width: 601px) and (max-width: 840px) {
98
- .tips-content[data-v-c5f77844] {
98
+ .tips-content[data-v-41b55b2c] {
99
99
  font-size: 12px;
100
100
  line-height: 18px;
101
101
  }
102
102
  }
103
103
  @media (max-width: 600px) {
104
- .tips-content[data-v-c5f77844] {
104
+ .tips-content[data-v-41b55b2c] {
105
105
  font-size: 12px;
106
106
  line-height: 18px;
107
107
  }
108
108
  }
109
- .tips-content[data-v-c5f77844] {
109
+ .tips-content[data-v-41b55b2c] {
110
110
  font-weight: normal;
111
111
  color: var(--o-color-info2);
112
112
  display: flex;
113
113
  justify-content: space-between;
114
114
  }
115
115
  @media (min-width: 841px) and (max-width: 1200px) {
116
- .tips[data-v-c5f77844] {
116
+ .tips[data-v-41b55b2c] {
117
117
  width: 480px;
118
118
  }
119
119
  }
120
- .tips.lang-en[data-v-c5f77844] {
120
+ .tips.lang-en[data-v-41b55b2c] {
121
121
  width: 592px;
122
122
  }
123
123
  @media (min-width: 841px) and (max-width: 1200px) {
124
- .tips.lang-en[data-v-c5f77844] {
124
+ .tips.lang-en[data-v-41b55b2c] {
125
125
  width: 480px;
126
126
  }
127
127
  }
128
- .red[data-v-c5f77844] {
128
+ .red[data-v-41b55b2c] {
129
129
  color: var(--o-color-danger1);
130
130
  }
131
- .text-btn[data-v-c5f77844] {
131
+ .text-btn[data-v-41b55b2c] {
132
132
  font-size: 16px;
133
133
  line-height: 24px;
134
134
  }
135
135
  @media (min-width: 1201px) and (max-width: 1680px) {
136
- .text-btn[data-v-c5f77844] {
136
+ .text-btn[data-v-41b55b2c] {
137
137
  font-size: 14px;
138
138
  line-height: 22px;
139
139
  }
140
140
  }
141
141
  @media (min-width: 841px) and (max-width: 1200px) {
142
- .text-btn[data-v-c5f77844] {
142
+ .text-btn[data-v-41b55b2c] {
143
143
  font-size: 14px;
144
144
  line-height: 22px;
145
145
  }
146
146
  }
147
147
  @media (min-width: 601px) and (max-width: 840px) {
148
- .text-btn[data-v-c5f77844] {
148
+ .text-btn[data-v-41b55b2c] {
149
149
  font-size: 14px;
150
150
  line-height: 22px;
151
151
  }
152
152
  }
153
153
  @media (max-width: 600px) {
154
- .text-btn[data-v-c5f77844] {
154
+ .text-btn[data-v-41b55b2c] {
155
155
  font-size: 12px;
156
156
  line-height: 18px;
157
157
  }
158
158
  }
159
- .text-btn[data-v-c5f77844] {
159
+ .text-btn[data-v-41b55b2c] {
160
160
  line-height: 24px;
161
161
  font-weight: Regular;
162
162
  cursor: pointer;
163
163
  white-space: nowrap;
164
164
  margin-left: 16px;
165
165
  }
166
- .text-btn[data-v-c5f77844]:hover {
166
+ .text-btn[data-v-41b55b2c]:hover {
167
167
  color: var(--o-color-danger2);
168
168
  }
169
- .forget-btn[data-v-c5f77844] {
169
+ .forget-btn[data-v-41b55b2c] {
170
170
  margin-left: 16px;
171
171
  font-size: 16px;
172
172
  line-height: 24px;
173
173
  }
174
174
  @media (min-width: 1201px) and (max-width: 1680px) {
175
- .forget-btn[data-v-c5f77844] {
175
+ .forget-btn[data-v-41b55b2c] {
176
176
  font-size: 14px;
177
177
  line-height: 22px;
178
178
  }
179
179
  }
180
180
  @media (min-width: 841px) and (max-width: 1200px) {
181
- .forget-btn[data-v-c5f77844] {
181
+ .forget-btn[data-v-41b55b2c] {
182
182
  font-size: 14px;
183
183
  line-height: 22px;
184
184
  }
185
185
  }
186
186
  @media (min-width: 601px) and (max-width: 840px) {
187
- .forget-btn[data-v-c5f77844] {
187
+ .forget-btn[data-v-41b55b2c] {
188
188
  font-size: 14px;
189
189
  line-height: 22px;
190
190
  }
191
191
  }
192
192
  @media (max-width: 600px) {
193
- .forget-btn[data-v-c5f77844] {
193
+ .forget-btn[data-v-41b55b2c] {
194
194
  font-size: 12px;
195
195
  line-height: 18px;
196
196
  }
197
197
  }
198
- .tips-bg[data-v-c5f77844] {
198
+ .tips-bg[data-v-41b55b2c] {
199
199
  line-height: 24px;
200
200
  }
201
- .tips-bg a[data-v-c5f77844] {
201
+ .tips-bg a[data-v-41b55b2c] {
202
202
  color: var(--o-color-link1);
203
203
  }
204
- .tips-bg a[data-v-c5f77844]:hover {
204
+ .tips-bg a[data-v-41b55b2c]:hover {
205
205
  color: var(--o-color-primary2);
206
206
  }
207
- .security-pad[data-v-c5f77844] {
207
+ .security-pad[data-v-41b55b2c] {
208
208
  /* 三行合并为一张白色卡片,距顶部 16px */
209
209
  margin-top: 16px;
210
210
  background-color: var(--o-color-fill2);
211
211
  border-radius: 4px;
212
212
  padding: 0 16px;
213
213
  }
214
- .security-pad .tips[data-v-c5f77844] {
214
+ .security-pad .tips[data-v-41b55b2c] {
215
215
  width: 100%;
216
216
  /* 重置基础规则的 max-width:592px,移动端卡片行始终通栏 */
217
217
  max-width: 100%;
@@ -220,32 +220,32 @@
220
220
  background-color: transparent;
221
221
  border-bottom: 1px solid var(--o-color-control4);
222
222
  }
223
- .security-pad .tips[data-v-c5f77844]:last-child {
223
+ .security-pad .tips[data-v-41b55b2c]:last-child {
224
224
  border-bottom: none;
225
225
  }
226
- .security-pad .tips-title[data-v-c5f77844] {
226
+ .security-pad .tips-title[data-v-41b55b2c] {
227
227
  margin-bottom: 8px;
228
228
  }
229
- .security-pad .tips-content[data-v-c5f77844] {
229
+ .security-pad .tips-content[data-v-41b55b2c] {
230
230
  color: var(--o-color-info2);
231
231
  }
232
- .security-pad .tips .forget-btn[data-v-c5f77844] {
232
+ .security-pad .tips .forget-btn[data-v-41b55b2c] {
233
233
  margin-left: 0;
234
234
  }
235
- .security-pad[data-v-c5f77844] {
235
+ .security-pad[data-v-41b55b2c] {
236
236
  /* 登录密码 / 注销账号:标题上、描述+箭头下 */
237
237
  }
238
- .security-pad .tips-inline .tips-content[data-v-c5f77844] {
238
+ .security-pad .tips-inline .tips-content[data-v-41b55b2c] {
239
239
  display: flex;
240
240
  align-items: center;
241
241
  justify-content: space-between;
242
242
  }
243
- .security-pad .tips-inline .tips-content .tips-desc[data-v-c5f77844] {
243
+ .security-pad .tips-inline .tips-content .tips-desc[data-v-41b55b2c] {
244
244
  display: block;
245
245
  flex: 1;
246
246
  margin-right: 16px;
247
247
  }
248
- .security-pad .tips-inline .arrow[data-v-c5f77844] {
248
+ .security-pad .tips-inline .arrow[data-v-41b55b2c] {
249
249
  width: 24px;
250
250
  height: 24px;
251
251
  cursor: pointer;
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OAccountSecurity.vue2.mjs";
2
2
  import './OAccountSecurity.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5f77844"]]);
4
+ const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41b55b2c"]]);
5
5
  export {
6
6
  _OAccountSecurity as default
7
7
  };
@@ -132,16 +132,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
132
132
  emit("refresh");
133
133
  });
134
134
  };
135
- const protocolList = computed(() => [
136
- {
137
- url: `${props.mainDomainUrl}/privacy`,
138
- urlEn: `${props.mainDomainUrl}/privacy/en`
139
- },
140
- {
141
- url: `${props.mainDomainUrl}/legal`,
142
- urlEn: `${props.mainDomainUrl}/legal/en`
135
+ const protocolList = computed(() => {
136
+ var _a;
137
+ if (((_a = props.community) == null ? void 0 : _a.toLowerCase()) === "mindspore") {
138
+ return [
139
+ {
140
+ url: `${props.mainDomainUrl}/privacy/zh`,
141
+ urlEn: `${props.mainDomainUrl}/privacy/en`
142
+ },
143
+ {
144
+ url: `${props.mainDomainUrl}/legal/zh`,
145
+ urlEn: `${props.mainDomainUrl}/legal/en`
146
+ }
147
+ ];
143
148
  }
144
- ]);
149
+ return [
150
+ {
151
+ url: `${props.mainDomainUrl}/zh/privacy/`,
152
+ urlEn: `${props.mainDomainUrl}/en/privacy/`
153
+ },
154
+ {
155
+ url: `${props.mainDomainUrl}/zh/legal/`,
156
+ urlEn: `${props.mainDomainUrl}/en/legal/`
157
+ }
158
+ ];
159
+ });
145
160
  const forgetPwd = () => {
146
161
  if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) {
147
162
  toBindingModalVisible.value = true;
@@ -1,53 +1,53 @@
1
- .hover-icon-rotate .o-icon[data-v-04ed8ca5] {
1
+ .hover-icon-rotate .o-icon[data-v-ebc3b7d3] {
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-04ed8ca5] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-ebc3b7d3] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .user-info-setting[data-v-04ed8ca5] {
9
+ .user-info-setting[data-v-ebc3b7d3] {
10
10
  border-bottom: 1px solid var(--o-color-control4);
11
11
  }
12
12
  @media (max-width: 840px) {
13
- .user-info-setting[data-v-04ed8ca5] {
13
+ .user-info-setting[data-v-ebc3b7d3] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-04ed8ca5] {
17
+ .title[data-v-ebc3b7d3] {
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-04ed8ca5] {
22
+ .title[data-v-ebc3b7d3] {
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-04ed8ca5] {
28
+ .title[data-v-ebc3b7d3] {
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-04ed8ca5] {
34
+ .title[data-v-ebc3b7d3] {
35
35
  font-size: 18px;
36
36
  line-height: 26px;
37
37
  }
38
38
  }
39
39
  @media (max-width: 600px) {
40
- .title[data-v-04ed8ca5] {
40
+ .title[data-v-ebc3b7d3] {
41
41
  font-size: 16px;
42
42
  line-height: 24px;
43
43
  }
44
44
  }
45
- .title[data-v-04ed8ca5] {
45
+ .title[data-v-ebc3b7d3] {
46
46
  font-weight: 600;
47
47
  color: var(--o-color-info1);
48
48
  margin-bottom: 12px;
49
49
  }
50
- .login-setting[data-v-04ed8ca5] {
50
+ .login-setting[data-v-ebc3b7d3] {
51
51
  font-size: 14px;
52
52
  line-height: 22px;
53
53
  font-weight: normal;
@@ -57,70 +57,70 @@
57
57
  margin-bottom: var(--o-gap-5);
58
58
  }
59
59
  @media (max-width: 840px) {
60
- .login-setting[data-v-04ed8ca5] {
60
+ .login-setting[data-v-ebc3b7d3] {
61
61
  border-bottom: none;
62
62
  }
63
63
  }
64
- .section-label[data-v-04ed8ca5] {
64
+ .section-label[data-v-ebc3b7d3] {
65
65
  font-size: 20px;
66
66
  line-height: 28px;
67
67
  }
68
68
  @media (min-width: 1201px) and (max-width: 1680px) {
69
- .section-label[data-v-04ed8ca5] {
69
+ .section-label[data-v-ebc3b7d3] {
70
70
  font-size: 18px;
71
71
  line-height: 26px;
72
72
  }
73
73
  }
74
74
  @media (min-width: 841px) and (max-width: 1200px) {
75
- .section-label[data-v-04ed8ca5] {
75
+ .section-label[data-v-ebc3b7d3] {
76
76
  font-size: 16px;
77
77
  line-height: 24px;
78
78
  }
79
79
  }
80
80
  @media (min-width: 601px) and (max-width: 840px) {
81
- .section-label[data-v-04ed8ca5] {
81
+ .section-label[data-v-ebc3b7d3] {
82
82
  font-size: 16px;
83
83
  line-height: 24px;
84
84
  }
85
85
  }
86
86
  @media (max-width: 600px) {
87
- .section-label[data-v-04ed8ca5] {
87
+ .section-label[data-v-ebc3b7d3] {
88
88
  font-size: 14px;
89
89
  line-height: 22px;
90
90
  }
91
91
  }
92
- .section-label[data-v-04ed8ca5] {
92
+ .section-label[data-v-ebc3b7d3] {
93
93
  font-weight: 600;
94
94
  margin-top: var(--o-gap-5);
95
95
  margin-bottom: var(--o-gap-5);
96
96
  }
97
97
 
98
98
  /* 移动端:白色卡片行(与三方账号绑定一致) */
99
- .setting-content-pad[data-v-04ed8ca5] {
99
+ .setting-content-pad[data-v-ebc3b7d3] {
100
100
  background-color: var(--o-color-fill2);
101
101
  padding-bottom: 0;
102
102
  border-radius: 4px;
103
103
  margin-top: 4px;
104
104
  padding: 0 16px;
105
105
  }
106
- .setting-content-pad .opt-item[data-v-04ed8ca5] {
106
+ .setting-content-pad .opt-item[data-v-ebc3b7d3] {
107
107
  width: 100% !important;
108
108
  /* 重置基础规则的 max-width:592px,移动端卡片行始终通栏(与三方账号绑定一致) */
109
109
  max-width: 100%;
110
- height: 52px;
110
+ min-height: 52px;
111
111
  line-height: normal;
112
112
  margin: 0;
113
113
  border-bottom: 1px solid var(--o-color-control4);
114
114
  }
115
- .setting-content-pad .opt-item[data-v-04ed8ca5]:last-child {
115
+ .setting-content-pad .opt-item[data-v-ebc3b7d3]:last-child {
116
116
  border-bottom: none;
117
117
  }
118
- .setting-content-pad .opt-item .left-content[data-v-04ed8ca5] {
118
+ .setting-content-pad .opt-item .left-content[data-v-ebc3b7d3] {
119
119
  flex: 1;
120
120
  align-items: center;
121
121
  margin-left: 0;
122
122
  }
123
- .setting-content-pad .opt-item .left-content .content-info[data-v-04ed8ca5] {
123
+ .setting-content-pad .opt-item .left-content .content-info[data-v-ebc3b7d3] {
124
124
  /* 基础规则的 flex-grow:1 会占满剩余空间导致值紧贴标签(auto margin 失效),
125
125
  移动端需与三方账号绑定行一致:值靠右、紧贴箭头 */
126
126
  flex-grow: 0;
@@ -128,10 +128,10 @@
128
128
  margin-right: 0;
129
129
  justify-content: flex-end;
130
130
  }
131
- .setting-content-pad .opt-item .left-content .content-label[data-v-04ed8ca5] {
131
+ .setting-content-pad .opt-item .left-content .content-label[data-v-ebc3b7d3] {
132
132
  color: var(--o-color-info1);
133
133
  }
134
- .opt-item[data-v-04ed8ca5] {
134
+ .opt-item[data-v-ebc3b7d3] {
135
135
  margin: var(--o-gap-5) 0;
136
136
  line-height: 40px;
137
137
  display: flex;
@@ -140,143 +140,145 @@
140
140
  color: var(--o-color-info1);
141
141
  }
142
142
  @media (min-width: 841px) and (max-width: 1200px) {
143
- .opt-item[data-v-04ed8ca5] {
143
+ .opt-item[data-v-ebc3b7d3] {
144
144
  width: 480px;
145
145
  }
146
146
  }
147
- .opt-item .opt-label[data-v-04ed8ca5] {
147
+ .opt-item .opt-label[data-v-ebc3b7d3] {
148
148
  color: var(--o-color-info1);
149
149
  }
150
- .opt-item .o-link + .o-link[data-v-04ed8ca5] {
150
+ .opt-item .o-link + .o-link[data-v-ebc3b7d3] {
151
151
  margin-left: var(--o-gap-5);
152
152
  }
153
- .opt-item .left-content .content-label[data-v-04ed8ca5],
154
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
153
+ .opt-item .left-content .content-label[data-v-ebc3b7d3],
154
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
155
155
  font-size: 16px;
156
156
  line-height: 24px;
157
157
  }
158
158
  @media (min-width: 1201px) and (max-width: 1680px) {
159
- .opt-item .left-content .content-label[data-v-04ed8ca5],
160
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
159
+ .opt-item .left-content .content-label[data-v-ebc3b7d3],
160
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
161
161
  font-size: 14px;
162
162
  line-height: 22px;
163
163
  }
164
164
  }
165
165
  @media (min-width: 841px) and (max-width: 1200px) {
166
- .opt-item .left-content .content-label[data-v-04ed8ca5],
167
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
166
+ .opt-item .left-content .content-label[data-v-ebc3b7d3],
167
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
168
168
  font-size: 14px;
169
169
  line-height: 22px;
170
170
  }
171
171
  }
172
172
  @media (min-width: 601px) and (max-width: 840px) {
173
- .opt-item .left-content .content-label[data-v-04ed8ca5],
174
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
173
+ .opt-item .left-content .content-label[data-v-ebc3b7d3],
174
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
175
175
  font-size: 14px;
176
176
  line-height: 22px;
177
177
  }
178
178
  }
179
179
  @media (max-width: 600px) {
180
- .opt-item .left-content .content-label[data-v-04ed8ca5],
181
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
180
+ .opt-item .left-content .content-label[data-v-ebc3b7d3],
181
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
182
182
  font-size: 12px;
183
183
  line-height: 18px;
184
184
  }
185
185
  }
186
- .opt-item .left-content .content-label[data-v-04ed8ca5] {
186
+ .opt-item .left-content .content-label[data-v-ebc3b7d3] {
187
187
  min-width: 120px;
188
188
  color: var(--o-color-info2);
189
189
  padding-left: 8px;
190
190
  }
191
- .opt-item .left-content[data-v-04ed8ca5] {
191
+ .opt-item .left-content[data-v-ebc3b7d3] {
192
192
  /* 用户信息值 */
193
193
  }
194
- .opt-item .left-content .content-info[data-v-04ed8ca5],
195
- .opt-item .left-content .opt-label[data-v-04ed8ca5] {
194
+ .opt-item .left-content .content-info[data-v-ebc3b7d3],
195
+ .opt-item .left-content .opt-label[data-v-ebc3b7d3] {
196
196
  color: var(--o-color-info2);
197
197
  }
198
- .opt-item .left-content .content-info[data-v-04ed8ca5] {
198
+ .opt-item .left-content .content-info[data-v-ebc3b7d3] {
199
199
  flex-grow: 1;
200
200
  margin-right: 16px;
201
+ min-width: 0;
202
+ word-break: break-all;
201
203
  }
202
- .opt-item .left-content .content-label-en[data-v-04ed8ca5] {
204
+ .opt-item .left-content .content-label-en[data-v-ebc3b7d3] {
203
205
  min-width: 160px;
204
206
  padding-left: 8px;
205
207
  }
206
- .opt-item .left-content .mask-icon[data-v-04ed8ca5]:hover {
208
+ .opt-item .left-content .mask-icon[data-v-ebc3b7d3]:hover {
207
209
  color: var(--o-color-link2);
208
210
  }
209
- .opt-item.lang-en[data-v-04ed8ca5] {
211
+ .opt-item.lang-en[data-v-ebc3b7d3] {
210
212
  width: 592px;
211
213
  }
212
214
  @media (min-width: 841px) and (max-width: 1200px) {
213
- .opt-item.lang-en[data-v-04ed8ca5] {
215
+ .opt-item.lang-en[data-v-ebc3b7d3] {
214
216
  width: 480px;
215
217
  }
216
218
  }
217
- .icon[data-v-04ed8ca5] {
219
+ .icon[data-v-ebc3b7d3] {
218
220
  font-size: 24px;
219
221
  line-height: 1;
220
222
  }
221
- .center[data-v-04ed8ca5] {
223
+ .center[data-v-ebc3b7d3] {
222
224
  display: flex;
223
225
  align-items: center;
224
226
  }
225
- .center .unbind[data-v-04ed8ca5] {
227
+ .center .unbind[data-v-ebc3b7d3] {
226
228
  margin-right: 16px;
227
229
  font-size: 16px;
228
230
  line-height: 24px;
229
231
  }
230
232
  @media (min-width: 1201px) and (max-width: 1680px) {
231
- .center .unbind[data-v-04ed8ca5] {
233
+ .center .unbind[data-v-ebc3b7d3] {
232
234
  font-size: 14px;
233
235
  line-height: 22px;
234
236
  }
235
237
  }
236
238
  @media (min-width: 841px) and (max-width: 1200px) {
237
- .center .unbind[data-v-04ed8ca5] {
239
+ .center .unbind[data-v-ebc3b7d3] {
238
240
  font-size: 14px;
239
241
  line-height: 22px;
240
242
  }
241
243
  }
242
244
  @media (min-width: 601px) and (max-width: 840px) {
243
- .center .unbind[data-v-04ed8ca5] {
245
+ .center .unbind[data-v-ebc3b7d3] {
244
246
  font-size: 14px;
245
247
  line-height: 22px;
246
248
  }
247
249
  }
248
250
  @media (max-width: 600px) {
249
- .center .unbind[data-v-04ed8ca5] {
251
+ .center .unbind[data-v-ebc3b7d3] {
250
252
  font-size: 12px;
251
253
  line-height: 18px;
252
254
  }
253
255
  }
254
- .center .unbind[data-v-04ed8ca5] .o-link-label {
256
+ .center .unbind[data-v-ebc3b7d3] .o-link-label {
255
257
  color: var(--o-color-info3);
256
258
  transition: none;
257
259
  background: none;
258
260
  background-size: 0;
259
261
  }
260
- .skeleton-text[data-v-04ed8ca5] {
262
+ .skeleton-text[data-v-ebc3b7d3] {
261
263
  --skeleton-item-gap: 0px;
262
264
  --skeleton-height: 32px;
263
265
  width: 440px;
264
266
  }
265
- [data-v-04ed8ca5] .o-link-normal {
267
+ [data-v-ebc3b7d3] .o-link-normal {
266
268
  --link-color-hover: var(--o-color-link2);
267
269
  }
268
270
  @media screen and (max-width: 1440px) {
269
- .skeleton-text[data-v-04ed8ca5] {
271
+ .skeleton-text[data-v-ebc3b7d3] {
270
272
  --skeleton-height: 28px;
271
273
  }
272
274
  }
273
275
  @media screen and (max-width: 1200px) {
274
- .skeleton-text[data-v-04ed8ca5] {
276
+ .skeleton-text[data-v-ebc3b7d3] {
275
277
  --skeleton-height: 24px;
276
278
  }
277
279
  }
278
280
  @media screen and (max-width: 840px) {
279
- .skeleton-text[data-v-04ed8ca5] {
281
+ .skeleton-text[data-v-ebc3b7d3] {
280
282
  --skeleton-height: 24px;
281
283
  }
282
284
  }