@opendesign-plus-test/components 0.0.1-rc.203 → 0.0.1-rc.205

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 (8) hide show
  1. package/dist/components.cjs.js +1 -1
  2. package/dist/components.css +1 -1
  3. package/dist/components.es.js +196 -192
  4. package/dist/treeshaking/components/user-center/OUserInfo.css +108 -69
  5. package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
  6. package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs +49 -43
  7. package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
  8. package/package.json +1 -1
package/dist/treeshaking/components/user-center/OUserInfo.css CHANGED
@@ -1,110 +1,109 @@
1
- .hover-icon-rotate .o-icon[data-v-af3563a2] {
1
+ .hover-icon-rotate .o-icon[data-v-335ff676] {
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-af3563a2] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-335ff676] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .info-title[data-v-af3563a2] {
9
+ .info-title[data-v-335ff676] {
10
10
  border-bottom: 1px solid var(--o-color-control4);
11
11
  }
12
12
  @media (max-width: 840px) {
13
- .info-title[data-v-af3563a2] {
13
+ .info-title[data-v-335ff676] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-af3563a2] {
17
+ .title[data-v-335ff676] {
18
18
  font-size: var(--font-size1);
19
19
  line-height: var(--line-height1);
20
20
  color: var(--o-color-info1);
21
21
  padding-bottom: var(--layout-gap4);
22
22
  font-weight: 600;
23
23
  }
24
- .title-desc[data-v-af3563a2] {
24
+ .title-desc[data-v-335ff676] {
25
25
  font-size: 14px;
26
26
  line-height: var(--line-height3);
27
27
  color: var(--o-color-info2);
28
28
  margin-bottom: var(--layout-gap2);
29
29
  }
30
- .common-item[data-v-af3563a2] {
30
+ .common-item[data-v-335ff676] {
31
31
  display: flex;
32
32
  align-items: center;
33
33
  margin-top: 24px;
34
34
  color: var(--o-color-info1);
35
35
  font-size: var(--font-size5);
36
36
  }
37
- .common-item[data-v-af3563a2] .o_input-input {
37
+ .common-item[data-v-335ff676] .o_input-input {
38
38
  font-size: var(--font-size5);
39
39
  color: var(--o-color-info2);
40
40
  }
41
- .common-item[data-v-af3563a2] {
41
+ .common-item[data-v-335ff676] {
42
42
  /* 用户信息值 */
43
43
  }
44
- .common-item .text[data-v-af3563a2],
45
- .common-item .username[data-v-af3563a2],
46
- .common-item .common-value[data-v-af3563a2],
47
- .common-item .org-name[data-v-af3563a2] {
44
+ .common-item .text[data-v-335ff676],
45
+ .common-item .username[data-v-335ff676],
46
+ .common-item .common-value[data-v-335ff676],
47
+ .common-item .org-name[data-v-335ff676] {
48
48
  color: var(--o-color-info2);
49
49
  }
50
- .common-item[data-v-af3563a2] {
50
+ .common-item[data-v-335ff676] {
51
51
  /* 行内 label 由自定义 div 承担，隐藏 OFormItem 自带 label */
52
52
  }
53
- .common-item[data-v-af3563a2] .o-form-item-label {
53
+ .common-item[data-v-335ff676] .o-form-item-label {
54
54
  display: none;
55
55
  }
56
- .common-item[data-v-af3563a2] {
56
+ .common-item[data-v-335ff676] {
57
57
  /* 隐藏的 label 节点仍在 DOM 中，OpenDesign 的
58
58
  `.o-form-item-label + .o-form-item-main { margin-left: var(--form-label-main-gap) }`
59
59
  依旧命中，需以同级相邻选择器提高特异性覆盖为 0 */
60
60
  }
61
- .common-item[data-v-af3563a2] .o-form-item-label + .o-form-item-main,
62
- .common-item[data-v-af3563a2] .o-form-item-main {
61
+ .common-item[data-v-335ff676] .o-form-item-label + .o-form-item-main,
62
+ .common-item[data-v-335ff676] .o-form-item-main {
63
63
  margin-left: 0;
64
64
  flex: 1;
65
65
  }
66
- .common-item .sig-info[data-v-af3563a2] {
66
+ .common-item .sig-info[data-v-335ff676] {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  }
70
- .common-item .common-label[data-v-af3563a2] {
70
+ .common-item .common-label[data-v-335ff676] {
71
71
  width: 96px;
72
72
  min-width: 96px;
73
73
  margin-right: var(--o-r-gap-8);
74
74
  color: var(--o-color-info2);
75
75
  }
76
76
  @media (max-width: 840px) {
77
- .common-item .common-label[data-v-af3563a2] {
77
+ .common-item .common-label[data-v-335ff676] {
78
78
  color: var(--o-color-info1);
79
79
  }
80
80
  }
81
- .common-item .common-label-en[data-v-af3563a2] {
81
+ .common-item .common-label-en[data-v-335ff676] {
82
82
  width: 150px;
83
83
  min-width: 150px;
84
- margin-left: var(--o-r-gap-8);
85
84
  margin-right: var(--o-r-gap-8);
86
85
  font-size: var(--font-size5);
87
86
  }
88
- .common-item[data-v-af3563a2] .o_box-main {
87
+ .common-item[data-v-335ff676] .o_box-main {
89
88
  width: var(--input-width1);
90
89
  height: 40px;
91
90
  border-radius: 4px;
92
91
  }
93
- .common-item .username[data-v-af3563a2],
94
- .common-item .common-value[data-v-af3563a2] {
92
+ .common-item .username[data-v-335ff676],
93
+ .common-item .common-value[data-v-335ff676] {
95
94
  padding-left: 16px;
96
95
  }
97
- .common-item[data-v-af3563a2]:not(:first-child) {
96
+ .common-item[data-v-335ff676]:not(:first-child) {
98
97
  height: 40px;
99
98
  line-height: 40px;
100
99
  }
101
- .common-item[data-v-af3563a2]:not(:first-child) .o-input.o_box-medium {
100
+ .common-item[data-v-335ff676]:not(:first-child) .o-input.o_box-medium {
102
101
  height: 100%;
103
102
  }
104
- .user-avatar[data-v-af3563a2] {
103
+ .user-avatar[data-v-335ff676] {
105
104
  --form-item-align: center;
106
105
  }
107
- .user-avatar .avatar[data-v-af3563a2] {
106
+ .user-avatar .avatar[data-v-335ff676] {
108
107
  width: auto;
109
108
  height: auto;
110
109
  position: relative;
@@ -112,11 +111,11 @@
112
111
  flex-shrink: 0;
113
112
  }
114
113
  @media (hover: hover) {
115
- .user-avatar .avatar:hover .avatar-img-mask[data-v-af3563a2] {
114
+ .user-avatar .avatar:hover .avatar-img-mask[data-v-335ff676] {
116
115
  display: flex;
117
116
  }
118
117
  }
119
- .user-avatar .avatar .avatar-img-mask[data-v-af3563a2] {
118
+ .user-avatar .avatar .avatar-img-mask[data-v-335ff676] {
120
119
  cursor: pointer;
121
120
  position: absolute;
122
121
  background-color: var(--o-color-info4);
@@ -131,66 +130,106 @@
131
130
  font-size: 24px;
132
131
  cursor: pointer;
133
132
  }
134
- .aside-userinfo[data-v-af3563a2] {
133
+ .aside-userinfo[data-v-335ff676] {
135
134
  display: flex;
136
135
  flex-direction: column;
137
136
  align-items: center;
138
137
  padding-bottom: var(--layout-gap2);
139
138
  border-bottom: 1px solid var(--o-color-control4);
140
139
  justify-content: center;
140
+ width: 100%;
141
+ min-width: 0;
142
+ overflow: hidden;
143
+ }
144
+ .aside-userinfo .o-form-layout-h[data-v-335ff676] {
145
+ width: 100%;
141
146
  }
142
- .aside-userinfo .user-avatar[data-v-af3563a2] {
147
+ .aside-userinfo .user-avatar[data-v-335ff676] {
143
148
  margin-right: 0;
144
149
  }
145
- .aside-item[data-v-af3563a2] {
150
+ .aside-item[data-v-335ff676] {
146
151
  margin-top: 0;
147
152
  display: flex;
148
153
  flex-direction: column;
149
154
  align-items: center;
150
155
  text-align: center;
156
+ height: fit-content !important;
157
+ line-height: fit-content !important;
158
+ width: 100%;
159
+ min-width: 0;
151
160
  }
152
- .aside-item .username[data-v-af3563a2] {
161
+ .aside-item .username[data-v-335ff676] {
153
162
  font-size: var(--font-size1);
154
163
  font-weight: 600;
155
164
  height: 26px;
156
165
  line-height: 26px;
157
- margin-top: 0;
166
+ margin-top: 4px;
167
+ max-width: 100%;
168
+ overflow: hidden;
169
+ text-overflow: ellipsis;
170
+ white-space: nowrap;
171
+ padding-left: 0;
158
172
  }
159
- .aside-item[data-v-af3563a2] {
160
- /* 侧边栏简要信息：昵称 · 公司 */
173
+ .aside-item[data-v-335ff676] {
174
+ /* 侧边栏简要信息：昵称 · 公司
175
+ 两个文本各占 (100% - 8px(点) - --padding-value-2) / 2 的固定宽度，
176
+ 昵称左对齐（从第一个字显示，省略号紧贴 ·），公司紧贴 · 向右展开（尾部省略），
177
+ 超出各自宽度即显示省略号 */
161
178
  }
162
- .aside-item .brief-info[data-v-af3563a2] {
179
+ .aside-item .brief-info[data-v-335ff676] {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: center;
163
183
  margin-top: 4px;
164
184
  font-size: 14px;
165
185
  line-height: 18px;
166
186
  color: var(--o-color-info3);
187
+ width: 100%;
188
+ min-width: 0;
189
+ }
190
+ .aside-item .brief-info .brief-nickname[data-v-335ff676],
191
+ .aside-item .brief-info .brief-company[data-v-335ff676] {
192
+ flex: 0 1 auto;
193
+ /* 上限：(100% - 8px(点) - --padding-value-2) / 2；
194
+ 内容不超过上限时按内容自然显示（不出现省略号），超出才截断为 ... */
195
+ max-width: calc((100% - 8px - var(--padding-value-2)) / 2);
196
+ min-width: 0;
197
+ overflow: hidden;
198
+ text-overflow: ellipsis;
167
199
  white-space: nowrap;
200
+ /* 覆盖 .aside-item 的 text-align: center，保证从首个字符开始显示 */
201
+ text-align: left;
202
+ }
203
+ .aside-item .brief-info .brief-dot[data-v-335ff676] {
204
+ flex-shrink: 0;
205
+ width: 8px;
206
+ text-align: center;
168
207
  }
169
208
  @media (max-width: 840px) {
170
- .aside-item .brief-info[data-v-af3563a2] {
209
+ .aside-item .brief-info[data-v-335ff676] {
171
210
  margin-bottom: 16px;
172
211
  }
173
212
  }
174
- .btn[data-v-af3563a2] {
213
+ .btn[data-v-335ff676] {
175
214
  margin-top: 24px;
176
215
  }
177
- .btn[data-v-af3563a2] .o-btn-large {
216
+ .btn[data-v-335ff676] .o-btn-large {
178
217
  font-size: var(--font-size5);
179
218
  border-radius: 20px;
180
219
  }
181
- .btn[data-v-af3563a2] .o-btn {
220
+ .btn[data-v-335ff676] .o-btn {
182
221
  min-width: 112px;
183
222
  width: 112px;
184
223
  height: 40px;
185
224
  }
186
- .org-input[data-v-af3563a2] .o-form-item-label {
225
+ .org-input[data-v-335ff676] .o-form-item-label {
187
226
  display: none;
188
227
  }
189
- .org-input[data-v-af3563a2] .o-form-item-label + .o-form-item-main,
190
- .org-input[data-v-af3563a2] .o-form-item-main {
228
+ .org-input[data-v-335ff676] .o-form-item-label + .o-form-item-main,
229
+ .org-input[data-v-335ff676] .o-form-item-main {
191
230
  margin-left: 0;
192
231
  }
193
- .userinfo-pad[data-v-af3563a2] {
232
+ .userinfo-pad[data-v-335ff676] {
194
233
  flex-direction: column;
195
234
  justify-content: center;
196
235
  background-color: var(--o-color-fill2);
@@ -198,81 +237,81 @@
198
237
  padding-top: 16px;
199
238
  border-radius: 8px;
200
239
  }
201
- .userinfo-pad .common-item[data-v-af3563a2] {
240
+ .userinfo-pad .common-item[data-v-335ff676] {
202
241
  justify-content: center !important;
203
242
  border-bottom: none !important;
204
243
  }
205
- .userinfo-pad .common-item .username[data-v-af3563a2] {
244
+ .userinfo-pad .common-item .username[data-v-335ff676] {
206
245
  margin-right: 0 !important;
207
246
  }
208
- .userinfo-pad .common-item .avatar[data-v-af3563a2] {
247
+ .userinfo-pad .common-item .avatar[data-v-335ff676] {
209
248
  margin-right: 0 !important;
210
249
  }
211
- .userinfo-pad .common-item .avatar .img-avatar[data-v-af3563a2] {
250
+ .userinfo-pad .common-item .avatar .img-avatar[data-v-335ff676] {
212
251
  margin-right: 0 !important;
213
252
  }
214
- .userinfo-pad .aside-item .username[data-v-af3563a2] {
253
+ .userinfo-pad .aside-item .username[data-v-335ff676] {
215
254
  padding-left: 0;
216
255
  }
217
- .input-org[data-v-af3563a2] {
256
+ .input-org[data-v-335ff676] {
218
257
  display: flex;
219
258
  margin-right: 16px;
220
259
  align-items: center;
221
260
  }
222
- .input-org .org-name[data-v-af3563a2] {
261
+ .input-org .org-name[data-v-335ff676] {
223
262
  margin-right: 8px;
224
263
  }
225
- .userinfo-settings-pad[data-v-af3563a2] {
264
+ .userinfo-settings-pad[data-v-335ff676] {
226
265
  background-color: var(--o-color-fill2);
227
266
  border-radius: 4px;
228
267
  border-bottom: none;
229
268
  padding: 0 16px;
230
269
  }
231
- .userinfo-settings-pad .common-item[data-v-af3563a2] {
270
+ .userinfo-settings-pad .common-item[data-v-335ff676] {
232
271
  margin-top: 0;
233
272
  border-bottom: 1px solid var(--o-color-control4);
234
273
  height: 52px;
235
274
  justify-content: space-between;
236
275
  }
237
- .userinfo-settings-pad .common-item .common-value[data-v-af3563a2] {
276
+ .userinfo-settings-pad .common-item .common-value[data-v-335ff676] {
238
277
  color: var(--o-color-info2);
239
278
  }
240
- .userinfo-settings-pad .common-item .username[data-v-af3563a2] {
279
+ .userinfo-settings-pad .common-item .username[data-v-335ff676] {
241
280
  color: var(--o-color-info2);
242
281
  }
243
- .userinfo-settings-pad .common-item .org-name[data-v-af3563a2] {
282
+ .userinfo-settings-pad .common-item .org-name[data-v-335ff676] {
244
283
  color: var(--o-color-info2);
245
284
  }
246
- .userinfo-settings-pad .common-item[data-v-af3563a2] {
285
+ .userinfo-settings-pad .common-item[data-v-335ff676] {
247
286
  /* 值区域与用户名一致：靠右对齐、同一右缩进 */
248
287
  }
249
- .userinfo-settings-pad .common-item .org-input[data-v-af3563a2] {
288
+ .userinfo-settings-pad .common-item .org-input[data-v-335ff676] {
250
289
  flex: 1;
251
290
  display: flex;
252
291
  align-items: center;
253
292
  justify-content: flex-end;
254
293
  }
255
- .userinfo-settings-pad .common-item .avatar[data-v-af3563a2] {
294
+ .userinfo-settings-pad .common-item .avatar[data-v-335ff676] {
256
295
  display: flex;
257
296
  justify-content: center;
258
297
  }
259
- .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-af3563a2] {
298
+ .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-335ff676] {
260
299
  margin-right: 8px;
261
300
  }
262
- .userinfo-settings-pad .common-item[data-v-af3563a2]:last-child {
301
+ .userinfo-settings-pad .common-item[data-v-335ff676]:last-child {
263
302
  border-bottom: none;
264
303
  }
265
- .userinfo-settings-pad .input-org[data-v-af3563a2] {
304
+ .userinfo-settings-pad .input-org[data-v-335ff676] {
266
305
  margin-right: 0;
267
306
  }
268
- .title-pad[data-v-af3563a2] {
307
+ .title-pad[data-v-335ff676] {
269
308
  border-bottom: none;
270
309
  }
271
- .label-role[data-v-af3563a2] {
310
+ .label-role[data-v-335ff676] {
272
311
  display: flex;
273
312
  align-items: center;
274
313
  }
275
- .label-role .o-icon[data-v-af3563a2] {
314
+ .label-role .o-icon[data-v-335ff676] {
276
315
  --icon-size: 16px;
277
316
  margin-left: 8px;
278
317
  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-af3563a2"]]);
6
+ const _OUserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-335ff676"]]);
7
7
  export {
8
8
  _OUserInfo as default
9
9
  };
package/dist/treeshaking/components/user-center/OUserInfo.vue2.mjs CHANGED
@@ -55,51 +55,53 @@ const _hoisted_14 = {
55
55
  key: 1,
56
56
  class: "brief-info"
57
57
  };
58
- const _hoisted_15 = {
58
+ const _hoisted_15 = { class: "brief-nickname" };
59
+ const _hoisted_16 = { class: "brief-company" };
60
+ const _hoisted_17 = {
59
61
  key: 0,
60
62
  class: "common-item"
61
63
  };
62
- const _hoisted_16 = { class: "org-input" };
63
- const _hoisted_17 = {
64
+ const _hoisted_18 = { class: "org-input" };
65
+ const _hoisted_19 = {
64
66
  key: 1,
65
67
  class: "input-org"
66
68
  };
67
- const _hoisted_18 = { class: "org-name" };
68
- const _hoisted_19 = ["src"];
69
- const _hoisted_20 = {
69
+ const _hoisted_20 = { class: "org-name" };
70
+ const _hoisted_21 = ["src"];
71
+ const _hoisted_22 = {
70
72
  key: 1,
71
73
  class: "common-item"
72
74
  };
73
- const _hoisted_21 = { class: "label-role" };
74
- const _hoisted_22 = { class: "popover-content-tips" };
75
- const _hoisted_23 = { class: "blob" };
76
- const _hoisted_24 = { class: "org-input" };
77
- const _hoisted_25 = {
75
+ const _hoisted_23 = { class: "label-role" };
76
+ const _hoisted_24 = { class: "popover-content-tips" };
77
+ const _hoisted_25 = { class: "blob" };
78
+ const _hoisted_26 = { class: "org-input" };
79
+ const _hoisted_27 = {
78
80
  key: 0,
79
81
  class: "common-value"
80
82
  };
81
- const _hoisted_26 = {
83
+ const _hoisted_28 = {
82
84
  key: 1,
83
85
  class: "common-value"
84
86
  };
85
- const _hoisted_27 = {
87
+ const _hoisted_29 = {
86
88
  key: 2,
87
89
  class: "common-item"
88
90
  };
89
- const _hoisted_28 = { class: "org-input" };
90
- const _hoisted_29 = {
91
+ const _hoisted_30 = { class: "org-input" };
92
+ const _hoisted_31 = {
91
93
  key: 1,
92
94
  class: "input-org"
93
95
  };
94
- const _hoisted_30 = { class: "org-name" };
95
- const _hoisted_31 = ["src"];
96
- const _hoisted_32 = {
96
+ const _hoisted_32 = { class: "org-name" };
97
+ const _hoisted_33 = ["src"];
98
+ const _hoisted_34 = {
97
99
  key: 3,
98
100
  class: "common-item"
99
101
  };
100
- const _hoisted_33 = { class: "org-input" };
101
- const _hoisted_34 = { class: "common-value" };
102
- const _hoisted_35 = {
102
+ const _hoisted_35 = { class: "org-input" };
103
+ const _hoisted_36 = { class: "common-value" };
104
+ const _hoisted_37 = {
103
105
  key: 4,
104
106
  class: "btn"
105
107
  };
@@ -390,13 +392,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
390
392
  class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
391
393
  }, toDisplayString(unref(t)("common.username")), 3)) : createCommentVNode("", true),
392
394
  createElementVNode("div", _hoisted_13, toDisplayString(__props.username), 1),
393
- __props.isAside && __props.showBriefInfo ? (openBlock(), createElementBlock("div", _hoisted_14, toDisplayString(form.nickname || unref(t)("common.NO_NICKNAME")) + " · " + toDisplayString(form.company || unref(t)("common.NO_COMPANY")), 1)) : createCommentVNode("", true)
395
+ __props.isAside && __props.showBriefInfo ? (openBlock(), createElementBlock("div", _hoisted_14, [
396
+ createElementVNode("span", _hoisted_15, toDisplayString(form.nickname || unref(t)("common.NO_NICKNAME")), 1),
397
+ _cache[6] || (_cache[6] = createElementVNode("span", { class: "brief-dot" }, "·", -1)),
398
+ createElementVNode("span", _hoisted_16, toDisplayString(form.company || unref(t)("common.NO_COMPANY")), 1)
399
+ ])) : createCommentVNode("", true)
394
400
  ], 2),
395
- !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_15, [
401
+ !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_17, [
396
402
  createElementVNode("div", {
397
403
  class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
398
404
  }, toDisplayString(unref(t)("common.nickName")), 3),
399
- createElementVNode("div", _hoisted_16, [
405
+ createElementVNode("div", _hoisted_18, [
400
406
  !unref(lePadV) ? (openBlock(), createBlock(unref(OFormItem), {
401
407
  key: 0,
402
408
  field: "nickname",
@@ -411,21 +417,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
411
417
  }, null, 8, ["modelValue", "placeholder"])
412
418
  ]),
413
419
  _: 1
414
- }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_17, [
415
- createElementVNode("div", _hoisted_18, toDisplayString(form.nickname || unref(t)("common.ENTER_NICKNAME")), 1),
420
+ }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_19, [
421
+ createElementVNode("div", _hoisted_20, toDisplayString(form.nickname || unref(t)("common.ENTER_NICKNAME")), 1),
416
422
  createElementVNode("img", {
417
423
  src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
418
424
  alt: "",
419
425
  onClick: changeNickname
420
- }, null, 8, _hoisted_19)
426
+ }, null, 8, _hoisted_21)
421
427
  ]))
422
428
  ])
423
429
  ])) : createCommentVNode("", true),
424
- !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_20, [
430
+ !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_22, [
425
431
  createElementVNode("div", {
426
432
  class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
427
433
  }, [
428
- createElementVNode("div", _hoisted_21, [
434
+ createElementVNode("div", _hoisted_23, [
429
435
  createElementVNode("p", null, toDisplayString(unref(t)("common.ROLES")), 1),
430
436
  createVNode(unref(OPopover), { position: "right" }, {
431
437
  target: withCtx(() => [
@@ -437,13 +443,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
437
443
  })
438
444
  ]),
439
445
  default: withCtx(() => [
440
- createElementVNode("div", _hoisted_22, [
446
+ createElementVNode("div", _hoisted_24, [
441
447
  (openBlock(true), createElementBlock(Fragment, null, renderList(rolesListConfig.value, (item) => {
442
448
  return openBlock(), createElementBlock("div", {
443
449
  key: item.id,
444
450
  class: "item-tips"
445
451
  }, [
446
- createElementVNode("span", _hoisted_23, toDisplayString(item.name + "："), 1),
452
+ createElementVNode("span", _hoisted_25, toDisplayString(item.name + "："), 1),
447
453
  createTextVNode(" " + toDisplayString(item.desc), 1)
448
454
  ]);
449
455
  }), 128))
@@ -453,20 +459,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
453
459
  })
454
460
  ])
455
461
  ], 2),
456
- createElementVNode("div", _hoisted_24, [
457
- __props.rolesList.length ? (openBlock(), createElementBlock("div", _hoisted_25, [
462
+ createElementVNode("div", _hoisted_26, [
463
+ __props.rolesList.length ? (openBlock(), createElementBlock("div", _hoisted_27, [
458
464
  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rolesList, (item, i) => {
459
465
  var _a;
460
466
  return openBlock(), createElementBlock("span", { key: item }, toDisplayString((_a = rolesMapConfig.value.get(item)) == null ? void 0 : _a.name) + toDisplayString(i !== __props.rolesList.length - 1 ? "、" : ""), 1);
461
467
  }), 128))
462
- ])) : (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(unref(t)("common.EMPTY_ROLES")), 1))
468
+ ])) : (openBlock(), createElementBlock("div", _hoisted_28, toDisplayString(unref(t)("common.EMPTY_ROLES")), 1))
463
469
  ])
464
470
  ])) : createCommentVNode("", true),
465
- !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_27, [
471
+ !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_29, [
466
472
  createElementVNode("div", {
467
473
  class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
468
474
  }, toDisplayString(orgLabelText.value), 3),
469
- createElementVNode("div", _hoisted_28, [
475
+ createElementVNode("div", _hoisted_30, [
470
476
  !unref(lePadV) ? (openBlock(), createBlock(unref(OFormItem), {
471
477
  key: 0,
472
478
  field: "company",
@@ -481,25 +487,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
481
487
  }, null, 8, ["modelValue", "placeholder"])
482
488
  ]),
483
489
  _: 1
484
- }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_29, [
485
- createElementVNode("div", _hoisted_30, toDisplayString(form.company || orgPlaceholderText.value), 1),
490
+ }, 8, ["rules"])) : (openBlock(), createElementBlock("div", _hoisted_31, [
491
+ createElementVNode("div", _hoisted_32, toDisplayString(form.company || orgPlaceholderText.value), 1),
486
492
  createElementVNode("img", {
487
493
  src: unref(isLight) ? unref(LeftArrowLight) : unref(LeftArrowDark),
488
494
  alt: "",
489
495
  onClick: changeOrg
490
- }, null, 8, _hoisted_31)
496
+ }, null, 8, _hoisted_33)
491
497
  ]))
492
498
  ])
493
499
  ])) : createCommentVNode("", true),
494
- !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_32, [
500
+ !__props.isAside ? (openBlock(), createElementBlock("div", _hoisted_34, [
495
501
  createElementVNode("div", {
496
502
  class: normalizeClass({ "common-label": unref(locale) === "zh", "common-label-en": unref(locale) === "en" })
497
503
  }, toDisplayString(unref(t)("common.registerTiem")), 3),
498
- createElementVNode("div", _hoisted_33, [
499
- createElementVNode("div", _hoisted_34, toDisplayString(form.signedUp), 1)
504
+ createElementVNode("div", _hoisted_35, [
505
+ createElementVNode("div", _hoisted_36, toDisplayString(form.signedUp), 1)
500
506
  ])
501
507
  ])) : createCommentVNode("", true),
502
- !__props.isAside && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_35, [
508
+ !__props.isAside && !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_37, [
503
509
  createVNode(unref(OButton), {
504
510
  size: "large",
505
511
  color: "primary",
package/dist/treeshaking/components/user-center/OUserInfo3.css CHANGED
@@ -1,16 +1,16 @@
1
- .hover-icon-rotate .o-icon[data-v-af3563a2] {
1
+ .hover-icon-rotate .o-icon[data-v-335ff676] {
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-af3563a2] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-335ff676] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
9
 
10
10
  /* stylelint-disable */
11
- :root.dark .edit-icon[data-v-af3563a2] {
11
+ :root.dark .edit-icon[data-v-335ff676] {
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-af3563a2]:hover {
14
+ :root.dark .edit-icon[data-v-335ff676]: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.203",
3
+ "version": "0.0.1-rc.205",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",