@opendesign-plus/components 0.0.1-rc.91 → 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 (13) hide show
  1. package/dist/components.cjs.js +1 -1
  2. package/dist/components.css +1 -1
  3. package/dist/components.es.js +24 -12
  4. package/dist/treeshaking/_virtual/icon-email.mjs +8 -9
  5. package/dist/treeshaking/_virtual/icon-email2.mjs +9 -8
  6. package/dist/treeshaking/components/org/OOrgMembers.vue2.mjs +1 -1
  7. package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -51
  8. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  9. package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs +24 -9
  10. package/dist/treeshaking/components/user-center/OAccountSetting.css +63 -61
  11. package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs +1 -1
  12. package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs +1 -1
  13. package/package.json +1 -1
package/dist/treeshaking/components/user-center/OAccountSetting.css CHANGED
@@ -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
  }
package/dist/treeshaking/components/user-center/OAccountSetting.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OAccountSetting.vue2.mjs";
2
2
  import './OAccountSetting.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04ed8ca5"]]);
4
+ const _OAccountSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ebc3b7d3"]]);
5
5
  export {
6
6
  _OAccountSetting as default
7
7
  };
package/dist/treeshaking/components/user-center/OAccountSetting.vue2.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent, ref, computed, onMounted, watch, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, unref, createCommentVNode, normalizeClass, createVNode, withCtx, renderList, createBlock, resolveDynamicComponent, createTextVNode } from "vue";
2
- import IconMail from "../../_virtual/icon-email.mjs";
2
+ import IconMail from "../../_virtual/icon-email2.mjs";
3
3
  import IconPhone from "../../_virtual/icon-phone.mjs";
4
4
  import { useMessage, OSkeleton, OIcon, OLink, OSkeletonText } from "@opensig/opendesign";
5
5
  import { useI18n } from "../../i18n/index.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus/components",
3
- "version": "0.0.1-rc.91",
3
+ "version": "0.0.1-rc.92",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",