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

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.
@@ -1,110 +1,109 @@
1
- .hover-icon-rotate .o-icon[data-v-af3563a2] {
1
+ .hover-icon-rotate .o-icon[data-v-e3411657] {
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-e3411657] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .info-title[data-v-af3563a2] {
9
+ .info-title[data-v-e3411657] {
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-e3411657] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-af3563a2] {
17
+ .title[data-v-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657] .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-e3411657] {
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-e3411657],
45
+ .common-item .username[data-v-e3411657],
46
+ .common-item .common-value[data-v-e3411657],
47
+ .common-item .org-name[data-v-e3411657] {
48
48
  color: var(--o-color-info2);
49
49
  }
50
- .common-item[data-v-af3563a2] {
50
+ .common-item[data-v-e3411657] {
51
51
  /* 行内 label 由自定义 div 承担,隐藏 OFormItem 自带 label */
52
52
  }
53
- .common-item[data-v-af3563a2] .o-form-item-label {
53
+ .common-item[data-v-e3411657] .o-form-item-label {
54
54
  display: none;
55
55
  }
56
- .common-item[data-v-af3563a2] {
56
+ .common-item[data-v-e3411657] {
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-e3411657] .o-form-item-label + .o-form-item-main,
62
+ .common-item[data-v-e3411657] .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-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657] .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-e3411657],
93
+ .common-item .common-value[data-v-e3411657] {
95
94
  padding-left: 16px;
96
95
  }
97
- .common-item[data-v-af3563a2]:not(:first-child) {
96
+ .common-item[data-v-e3411657]: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-e3411657]: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-e3411657] {
105
104
  --form-item-align: center;
106
105
  }
107
- .user-avatar .avatar[data-v-af3563a2] {
106
+ .user-avatar .avatar[data-v-e3411657] {
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-e3411657] {
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-e3411657] {
120
119
  cursor: pointer;
121
120
  position: absolute;
122
121
  background-color: var(--o-color-info4);
@@ -131,7 +130,7 @@
131
130
  font-size: 24px;
132
131
  cursor: pointer;
133
132
  }
134
- .aside-userinfo[data-v-af3563a2] {
133
+ .aside-userinfo[data-v-e3411657] {
135
134
  display: flex;
136
135
  flex-direction: column;
137
136
  align-items: center;
@@ -139,27 +138,27 @@
139
138
  border-bottom: 1px solid var(--o-color-control4);
140
139
  justify-content: center;
141
140
  }
142
- .aside-userinfo .user-avatar[data-v-af3563a2] {
141
+ .aside-userinfo .user-avatar[data-v-e3411657] {
143
142
  margin-right: 0;
144
143
  }
145
- .aside-item[data-v-af3563a2] {
144
+ .aside-item[data-v-e3411657] {
146
145
  margin-top: 0;
147
146
  display: flex;
148
147
  flex-direction: column;
149
148
  align-items: center;
150
149
  text-align: center;
151
150
  }
152
- .aside-item .username[data-v-af3563a2] {
151
+ .aside-item .username[data-v-e3411657] {
153
152
  font-size: var(--font-size1);
154
153
  font-weight: 600;
155
154
  height: 26px;
156
155
  line-height: 26px;
157
156
  margin-top: 0;
158
157
  }
159
- .aside-item[data-v-af3563a2] {
158
+ .aside-item[data-v-e3411657] {
160
159
  /* 侧边栏简要信息:昵称 · 公司 */
161
160
  }
162
- .aside-item .brief-info[data-v-af3563a2] {
161
+ .aside-item .brief-info[data-v-e3411657] {
163
162
  margin-top: 4px;
164
163
  font-size: 14px;
165
164
  line-height: 18px;
@@ -167,30 +166,30 @@
167
166
  white-space: nowrap;
168
167
  }
169
168
  @media (max-width: 840px) {
170
- .aside-item .brief-info[data-v-af3563a2] {
169
+ .aside-item .brief-info[data-v-e3411657] {
171
170
  margin-bottom: 16px;
172
171
  }
173
172
  }
174
- .btn[data-v-af3563a2] {
173
+ .btn[data-v-e3411657] {
175
174
  margin-top: 24px;
176
175
  }
177
- .btn[data-v-af3563a2] .o-btn-large {
176
+ .btn[data-v-e3411657] .o-btn-large {
178
177
  font-size: var(--font-size5);
179
178
  border-radius: 20px;
180
179
  }
181
- .btn[data-v-af3563a2] .o-btn {
180
+ .btn[data-v-e3411657] .o-btn {
182
181
  min-width: 112px;
183
182
  width: 112px;
184
183
  height: 40px;
185
184
  }
186
- .org-input[data-v-af3563a2] .o-form-item-label {
185
+ .org-input[data-v-e3411657] .o-form-item-label {
187
186
  display: none;
188
187
  }
189
- .org-input[data-v-af3563a2] .o-form-item-label + .o-form-item-main,
190
- .org-input[data-v-af3563a2] .o-form-item-main {
188
+ .org-input[data-v-e3411657] .o-form-item-label + .o-form-item-main,
189
+ .org-input[data-v-e3411657] .o-form-item-main {
191
190
  margin-left: 0;
192
191
  }
193
- .userinfo-pad[data-v-af3563a2] {
192
+ .userinfo-pad[data-v-e3411657] {
194
193
  flex-direction: column;
195
194
  justify-content: center;
196
195
  background-color: var(--o-color-fill2);
@@ -198,81 +197,81 @@
198
197
  padding-top: 16px;
199
198
  border-radius: 8px;
200
199
  }
201
- .userinfo-pad .common-item[data-v-af3563a2] {
200
+ .userinfo-pad .common-item[data-v-e3411657] {
202
201
  justify-content: center !important;
203
202
  border-bottom: none !important;
204
203
  }
205
- .userinfo-pad .common-item .username[data-v-af3563a2] {
204
+ .userinfo-pad .common-item .username[data-v-e3411657] {
206
205
  margin-right: 0 !important;
207
206
  }
208
- .userinfo-pad .common-item .avatar[data-v-af3563a2] {
207
+ .userinfo-pad .common-item .avatar[data-v-e3411657] {
209
208
  margin-right: 0 !important;
210
209
  }
211
- .userinfo-pad .common-item .avatar .img-avatar[data-v-af3563a2] {
210
+ .userinfo-pad .common-item .avatar .img-avatar[data-v-e3411657] {
212
211
  margin-right: 0 !important;
213
212
  }
214
- .userinfo-pad .aside-item .username[data-v-af3563a2] {
213
+ .userinfo-pad .aside-item .username[data-v-e3411657] {
215
214
  padding-left: 0;
216
215
  }
217
- .input-org[data-v-af3563a2] {
216
+ .input-org[data-v-e3411657] {
218
217
  display: flex;
219
218
  margin-right: 16px;
220
219
  align-items: center;
221
220
  }
222
- .input-org .org-name[data-v-af3563a2] {
221
+ .input-org .org-name[data-v-e3411657] {
223
222
  margin-right: 8px;
224
223
  }
225
- .userinfo-settings-pad[data-v-af3563a2] {
224
+ .userinfo-settings-pad[data-v-e3411657] {
226
225
  background-color: var(--o-color-fill2);
227
226
  border-radius: 4px;
228
227
  border-bottom: none;
229
228
  padding: 0 16px;
230
229
  }
231
- .userinfo-settings-pad .common-item[data-v-af3563a2] {
230
+ .userinfo-settings-pad .common-item[data-v-e3411657] {
232
231
  margin-top: 0;
233
232
  border-bottom: 1px solid var(--o-color-control4);
234
233
  height: 52px;
235
234
  justify-content: space-between;
236
235
  }
237
- .userinfo-settings-pad .common-item .common-value[data-v-af3563a2] {
236
+ .userinfo-settings-pad .common-item .common-value[data-v-e3411657] {
238
237
  color: var(--o-color-info2);
239
238
  }
240
- .userinfo-settings-pad .common-item .username[data-v-af3563a2] {
239
+ .userinfo-settings-pad .common-item .username[data-v-e3411657] {
241
240
  color: var(--o-color-info2);
242
241
  }
243
- .userinfo-settings-pad .common-item .org-name[data-v-af3563a2] {
242
+ .userinfo-settings-pad .common-item .org-name[data-v-e3411657] {
244
243
  color: var(--o-color-info2);
245
244
  }
246
- .userinfo-settings-pad .common-item[data-v-af3563a2] {
245
+ .userinfo-settings-pad .common-item[data-v-e3411657] {
247
246
  /* 值区域与用户名一致:靠右对齐、同一右缩进 */
248
247
  }
249
- .userinfo-settings-pad .common-item .org-input[data-v-af3563a2] {
248
+ .userinfo-settings-pad .common-item .org-input[data-v-e3411657] {
250
249
  flex: 1;
251
250
  display: flex;
252
251
  align-items: center;
253
252
  justify-content: flex-end;
254
253
  }
255
- .userinfo-settings-pad .common-item .avatar[data-v-af3563a2] {
254
+ .userinfo-settings-pad .common-item .avatar[data-v-e3411657] {
256
255
  display: flex;
257
256
  justify-content: center;
258
257
  }
259
- .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-af3563a2] {
258
+ .userinfo-settings-pad .common-item .avatar .img-avatar[data-v-e3411657] {
260
259
  margin-right: 8px;
261
260
  }
262
- .userinfo-settings-pad .common-item[data-v-af3563a2]:last-child {
261
+ .userinfo-settings-pad .common-item[data-v-e3411657]:last-child {
263
262
  border-bottom: none;
264
263
  }
265
- .userinfo-settings-pad .input-org[data-v-af3563a2] {
264
+ .userinfo-settings-pad .input-org[data-v-e3411657] {
266
265
  margin-right: 0;
267
266
  }
268
- .title-pad[data-v-af3563a2] {
267
+ .title-pad[data-v-e3411657] {
269
268
  border-bottom: none;
270
269
  }
271
- .label-role[data-v-af3563a2] {
270
+ .label-role[data-v-e3411657] {
272
271
  display: flex;
273
272
  align-items: center;
274
273
  }
275
- .label-role .o-icon[data-v-af3563a2] {
274
+ .label-role .o-icon[data-v-e3411657] {
276
275
  --icon-size: 16px;
277
276
  margin-left: 8px;
278
277
  cursor: pointer;
@@ -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-e3411657"]]);
7
7
  export {
8
8
  _OUserInfo as default
9
9
  };
@@ -1,16 +1,16 @@
1
- .hover-icon-rotate .o-icon[data-v-af3563a2] {
1
+ .hover-icon-rotate .o-icon[data-v-e3411657] {
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-e3411657] {
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-e3411657] {
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-e3411657]: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.204",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",