@opendesign-plus-test/components 0.0.1-rc.204 → 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 -68
  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,109 +1,109 @@
1
- .hover-icon-rotate .o-icon[data-v-e3411657] {
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-e3411657] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-335ff676] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .info-title[data-v-e3411657] {
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-e3411657] {
13
+ .info-title[data-v-335ff676] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657] .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-e3411657] {
41
+ .common-item[data-v-335ff676] {
42
42
  /* 用户信息值 */
43
43
  }
44
- .common-item .text[data-v-e3411657],
45
- .common-item .username[data-v-e3411657],
46
- .common-item .common-value[data-v-e3411657],
47
- .common-item .org-name[data-v-e3411657] {
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-e3411657] {
50
+ .common-item[data-v-335ff676] {
51
51
  /* 行内 label 由自定义 div 承担，隐藏 OFormItem 自带 label */
52
52
  }
53
- .common-item[data-v-e3411657] .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-e3411657] {
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-e3411657] .o-form-item-label + .o-form-item-main,
62
- .common-item[data-v-e3411657] .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-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657] {
81
+ .common-item .common-label-en[data-v-335ff676] {
82
82
  width: 150px;
83
83
  min-width: 150px;
84
84
  margin-right: var(--o-r-gap-8);
85
85
  font-size: var(--font-size5);
86
86
  }
87
- .common-item[data-v-e3411657] .o_box-main {
87
+ .common-item[data-v-335ff676] .o_box-main {
88
88
  width: var(--input-width1);
89
89
  height: 40px;
90
90
  border-radius: 4px;
91
91
  }
92
- .common-item .username[data-v-e3411657],
93
- .common-item .common-value[data-v-e3411657] {
92
+ .common-item .username[data-v-335ff676],
93
+ .common-item .common-value[data-v-335ff676] {
94
94
  padding-left: 16px;
95
95
  }
96
- .common-item[data-v-e3411657]:not(:first-child) {
96
+ .common-item[data-v-335ff676]:not(:first-child) {
97
97
  height: 40px;
98
98
  line-height: 40px;
99
99
  }
100
- .common-item[data-v-e3411657]:not(:first-child) .o-input.o_box-medium {
100
+ .common-item[data-v-335ff676]:not(:first-child) .o-input.o_box-medium {
101
101
  height: 100%;
102
102
  }
103
- .user-avatar[data-v-e3411657] {
103
+ .user-avatar[data-v-335ff676] {
104
104
  --form-item-align: center;
105
105
  }
106
- .user-avatar .avatar[data-v-e3411657] {
106
+ .user-avatar .avatar[data-v-335ff676] {
107
107
  width: auto;
108
108
  height: auto;
109
109
  position: relative;
@@ -111,11 +111,11 @@
111
111
  flex-shrink: 0;
112
112
  }
113
113
  @media (hover: hover) {
114
- .user-avatar .avatar:hover .avatar-img-mask[data-v-e3411657] {
114
+ .user-avatar .avatar:hover .avatar-img-mask[data-v-335ff676] {
115
115
  display: flex;
116
116
  }
117
117
  }
118
- .user-avatar .avatar .avatar-img-mask[data-v-e3411657] {
118
+ .user-avatar .avatar .avatar-img-mask[data-v-335ff676] {
119
119
  cursor: pointer;
120
120
  position: absolute;
121
121
  background-color: var(--o-color-info4);
@@ -130,66 +130,106 @@
130
130
  font-size: 24px;
131
131
  cursor: pointer;
132
132
  }
133
- .aside-userinfo[data-v-e3411657] {
133
+ .aside-userinfo[data-v-335ff676] {
134
134
  display: flex;
135
135
  flex-direction: column;
136
136
  align-items: center;
137
137
  padding-bottom: var(--layout-gap2);
138
138
  border-bottom: 1px solid var(--o-color-control4);
139
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%;
140
146
  }
141
- .aside-userinfo .user-avatar[data-v-e3411657] {
147
+ .aside-userinfo .user-avatar[data-v-335ff676] {
142
148
  margin-right: 0;
143
149
  }
144
- .aside-item[data-v-e3411657] {
150
+ .aside-item[data-v-335ff676] {
145
151
  margin-top: 0;
146
152
  display: flex;
147
153
  flex-direction: column;
148
154
  align-items: center;
149
155
  text-align: center;
156
+ height: fit-content !important;
157
+ line-height: fit-content !important;
158
+ width: 100%;
159
+ min-width: 0;
150
160
  }
151
- .aside-item .username[data-v-e3411657] {
161
+ .aside-item .username[data-v-335ff676] {
152
162
  font-size: var(--font-size1);
153
163
  font-weight: 600;
154
164
  height: 26px;
155
165
  line-height: 26px;
156
- 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;
157
172
  }
158
- .aside-item[data-v-e3411657] {
159
- /* 侧边栏简要信息：昵称 · 公司 */
173
+ .aside-item[data-v-335ff676] {
174
+ /* 侧边栏简要信息：昵称 · 公司
175
+ 两个文本各占 (100% - 8px(点) - --padding-value-2) / 2 的固定宽度，
176
+ 昵称左对齐（从第一个字显示，省略号紧贴 ·），公司紧贴 · 向右展开（尾部省略），
177
+ 超出各自宽度即显示省略号 */
160
178
  }
161
- .aside-item .brief-info[data-v-e3411657] {
179
+ .aside-item .brief-info[data-v-335ff676] {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: center;
162
183
  margin-top: 4px;
163
184
  font-size: 14px;
164
185
  line-height: 18px;
165
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;
166
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;
167
207
  }
168
208
  @media (max-width: 840px) {
169
- .aside-item .brief-info[data-v-e3411657] {
209
+ .aside-item .brief-info[data-v-335ff676] {
170
210
  margin-bottom: 16px;
171
211
  }
172
212
  }
173
- .btn[data-v-e3411657] {
213
+ .btn[data-v-335ff676] {
174
214
  margin-top: 24px;
175
215
  }
176
- .btn[data-v-e3411657] .o-btn-large {
216
+ .btn[data-v-335ff676] .o-btn-large {
177
217
  font-size: var(--font-size5);
178
218
  border-radius: 20px;
179
219
  }
180
- .btn[data-v-e3411657] .o-btn {
220
+ .btn[data-v-335ff676] .o-btn {
181
221
  min-width: 112px;
182
222
  width: 112px;
183
223
  height: 40px;
184
224
  }
185
- .org-input[data-v-e3411657] .o-form-item-label {
225
+ .org-input[data-v-335ff676] .o-form-item-label {
186
226
  display: none;
187
227
  }
188
- .org-input[data-v-e3411657] .o-form-item-label + .o-form-item-main,
189
- .org-input[data-v-e3411657] .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 {
190
230
  margin-left: 0;
191
231
  }
192
- .userinfo-pad[data-v-e3411657] {
232
+ .userinfo-pad[data-v-335ff676] {
193
233
  flex-direction: column;
194
234
  justify-content: center;
195
235
  background-color: var(--o-color-fill2);
@@ -197,81 +237,81 @@
197
237
  padding-top: 16px;
198
238
  border-radius: 8px;
199
239
  }
200
- .userinfo-pad .common-item[data-v-e3411657] {
240
+ .userinfo-pad .common-item[data-v-335ff676] {
201
241
  justify-content: center !important;
202
242
  border-bottom: none !important;
203
243
  }
204
- .userinfo-pad .common-item .username[data-v-e3411657] {
244
+ .userinfo-pad .common-item .username[data-v-335ff676] {
205
245
  margin-right: 0 !important;
206
246
  }
207
- .userinfo-pad .common-item .avatar[data-v-e3411657] {
247
+ .userinfo-pad .common-item .avatar[data-v-335ff676] {
208
248
  margin-right: 0 !important;
209
249
  }
210
- .userinfo-pad .common-item .avatar .img-avatar[data-v-e3411657] {
250
+ .userinfo-pad .common-item .avatar .img-avatar[data-v-335ff676] {
211
251
  margin-right: 0 !important;
212
252
  }
213
- .userinfo-pad .aside-item .username[data-v-e3411657] {
253
+ .userinfo-pad .aside-item .username[data-v-335ff676] {
214
254
  padding-left: 0;
215
255
  }
216
- .input-org[data-v-e3411657] {
256
+ .input-org[data-v-335ff676] {
217
257
  display: flex;
218
258
  margin-right: 16px;
219
259
  align-items: center;
220
260
  }
221
- .input-org .org-name[data-v-e3411657] {
261
+ .input-org .org-name[data-v-335ff676] {
222
262
  margin-right: 8px;
223
263
  }
224
- .userinfo-settings-pad[data-v-e3411657] {
264
+ .userinfo-settings-pad[data-v-335ff676] {
225
265
  background-color: var(--o-color-fill2);
226
266
  border-radius: 4px;
227
267
  border-bottom: none;
228
268
  padding: 0 16px;
229
269
  }
230
- .userinfo-settings-pad .common-item[data-v-e3411657] {
270
+ .userinfo-settings-pad .common-item[data-v-335ff676] {
231
271
  margin-top: 0;
232
272
  border-bottom: 1px solid var(--o-color-control4);
233
273
  height: 52px;
234
274
  justify-content: space-between;
235
275
  }
236
- .userinfo-settings-pad .common-item .common-value[data-v-e3411657] {
276
+ .userinfo-settings-pad .common-item .common-value[data-v-335ff676] {
237
277
  color: var(--o-color-info2);
238
278
  }
239
- .userinfo-settings-pad .common-item .username[data-v-e3411657] {
279
+ .userinfo-settings-pad .common-item .username[data-v-335ff676] {
240
280
  color: var(--o-color-info2);
241
281
  }
242
- .userinfo-settings-pad .common-item .org-name[data-v-e3411657] {
282
+ .userinfo-settings-pad .common-item .org-name[data-v-335ff676] {
243
283
  color: var(--o-color-info2);
244
284
  }
245
- .userinfo-settings-pad .common-item[data-v-e3411657] {
285
+ .userinfo-settings-pad .common-item[data-v-335ff676] {
246
286
  /* 值区域与用户名一致：靠右对齐、同一右缩进 */
247
287
  }
248
- .userinfo-settings-pad .common-item .org-input[data-v-e3411657] {
288
+ .userinfo-settings-pad .common-item .org-input[data-v-335ff676] {
249
289
  flex: 1;
250
290
  display: flex;
251
291
  align-items: center;
252
292
  justify-content: flex-end;
253
293
  }
254
- .userinfo-settings-pad .common-item .avatar[data-v-e3411657] {
294
+ .userinfo-settings-pad .common-item .avatar[data-v-335ff676] {
255
295
  display: flex;
256
296
  justify-content: center;
257
297
  }
258
- .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-e3411657] {
298
+ .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-335ff676] {
259
299
  margin-right: 8px;
260
300
  }
261
- .userinfo-settings-pad .common-item[data-v-e3411657]:last-child {
301
+ .userinfo-settings-pad .common-item[data-v-335ff676]:last-child {
262
302
  border-bottom: none;
263
303
  }
264
- .userinfo-settings-pad .input-org[data-v-e3411657] {
304
+ .userinfo-settings-pad .input-org[data-v-335ff676] {
265
305
  margin-right: 0;
266
306
  }
267
- .title-pad[data-v-e3411657] {
307
+ .title-pad[data-v-335ff676] {
268
308
  border-bottom: none;
269
309
  }
270
- .label-role[data-v-e3411657] {
310
+ .label-role[data-v-335ff676] {
271
311
  display: flex;
272
312
  align-items: center;
273
313
  }
274
- .label-role .o-icon[data-v-e3411657] {
314
+ .label-role .o-icon[data-v-335ff676] {
275
315
  --icon-size: 16px;
276
316
  margin-left: 8px;
277
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-e3411657"]]);
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-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657]: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.204",
3
+ "version": "0.0.1-rc.205",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",