@opendesign-plus-test/components 0.0.1-rc.219 → 0.0.1-rc.220

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 (12) hide show
  1. package/dist/components.cjs.js +3 -3
  2. package/dist/components.css +2 -2
  3. package/dist/components.es.js +4 -4
  4. package/dist/treeshaking/components/header/components/HeaderContent.css +191 -221
  5. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  6. package/dist/treeshaking/components/user-center/OAccountSecurity.css +51 -51
  7. package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs +1 -1
  8. package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs +7 -7
  9. package/dist/treeshaking/components/user-center/OUserInfo.css +103 -103
  10. package/dist/treeshaking/components/user-center/OUserInfo.vue.mjs +1 -1
  11. package/dist/treeshaking/components/user-center/OUserInfo3.css +4 -4
  12. package/package.json +3 -3
package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./HeaderContent.vue2.mjs";
2
2
  import './HeaderContent.css';
3
3
  import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
4
- const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40872d20"]]);
4
+ const HeaderContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d490c27"]]);
5
5
  export {
6
6
  HeaderContent as default
7
7
  };
package/dist/treeshaking/components/user-center/OAccountSecurity.css CHANGED
@@ -1,217 +1,217 @@
1
- .hover-icon-rotate .o-icon[data-v-152022cd] {
1
+ .hover-icon-rotate .o-icon[data-v-c5f77844] {
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-152022cd] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-c5f77844] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .title[data-v-152022cd] {
9
+ .title[data-v-c5f77844] {
10
10
  font-size: 20px;
11
11
  line-height: 28px;
12
12
  }
13
13
  @media (min-width: 1201px) and (max-width: 1680px) {
14
- .title[data-v-152022cd] {
14
+ .title[data-v-c5f77844] {
15
15
  font-size: 18px;
16
16
  line-height: 26px;
17
17
  }
18
18
  }
19
19
  @media (min-width: 841px) and (max-width: 1200px) {
20
- .title[data-v-152022cd] {
20
+ .title[data-v-c5f77844] {
21
21
  font-size: 16px;
22
22
  line-height: 24px;
23
23
  }
24
24
  }
25
25
  @media (min-width: 601px) and (max-width: 840px) {
26
- .title[data-v-152022cd] {
26
+ .title[data-v-c5f77844] {
27
27
  font-size: 16px;
28
28
  line-height: 24px;
29
29
  }
30
30
  }
31
31
  @media (max-width: 600px) {
32
- .title[data-v-152022cd] {
32
+ .title[data-v-c5f77844] {
33
33
  font-size: 14px;
34
34
  line-height: 22px;
35
35
  }
36
36
  }
37
- .title[data-v-152022cd] {
37
+ .title[data-v-c5f77844] {
38
38
  font-weight: 600;
39
39
  padding-top: var(--o-gap-5);
40
40
  padding-bottom: var(--o-gap-5);
41
41
  }
42
- .tips[data-v-152022cd] {
42
+ .tips[data-v-c5f77844] {
43
43
  width: 592px;
44
44
  color: var(--o-color-info1);
45
45
  margin-bottom: 24px;
46
46
  }
47
- .tips[data-v-152022cd]:last-child {
47
+ .tips[data-v-c5f77844]:last-child {
48
48
  margin-bottom: 0;
49
49
  }
50
- .tips-title[data-v-152022cd] {
50
+ .tips-title[data-v-c5f77844] {
51
51
  font-size: 18px;
52
52
  line-height: 26px;
53
53
  }
54
54
  @media (min-width: 1201px) and (max-width: 1680px) {
55
- .tips-title[data-v-152022cd] {
55
+ .tips-title[data-v-c5f77844] {
56
56
  font-size: 16px;
57
57
  line-height: 24px;
58
58
  }
59
59
  }
60
60
  @media (min-width: 841px) and (max-width: 1200px) {
61
- .tips-title[data-v-152022cd] {
61
+ .tips-title[data-v-c5f77844] {
62
62
  font-size: 14px;
63
63
  line-height: 22px;
64
64
  }
65
65
  }
66
66
  @media (min-width: 601px) and (max-width: 840px) {
67
- .tips-title[data-v-152022cd] {
67
+ .tips-title[data-v-c5f77844] {
68
68
  font-size: 14px;
69
69
  line-height: 22px;
70
70
  }
71
71
  }
72
72
  @media (max-width: 600px) {
73
- .tips-title[data-v-152022cd] {
73
+ .tips-title[data-v-c5f77844] {
74
74
  font-size: 14px;
75
75
  line-height: 22px;
76
76
  }
77
77
  }
78
- .tips-title[data-v-152022cd] {
78
+ .tips-title[data-v-c5f77844] {
79
79
  margin-bottom: 4px;
80
80
  }
81
- .tips-content[data-v-152022cd] {
81
+ .tips-content[data-v-c5f77844] {
82
82
  font-size: 14px;
83
83
  line-height: 22px;
84
84
  }
85
85
  @media (min-width: 1201px) and (max-width: 1680px) {
86
- .tips-content[data-v-152022cd] {
86
+ .tips-content[data-v-c5f77844] {
87
87
  font-size: 14px;
88
88
  line-height: 18px;
89
89
  }
90
90
  }
91
91
  @media (min-width: 841px) and (max-width: 1200px) {
92
- .tips-content[data-v-152022cd] {
92
+ .tips-content[data-v-c5f77844] {
93
93
  font-size: 12px;
94
94
  line-height: 18px;
95
95
  }
96
96
  }
97
97
  @media (min-width: 601px) and (max-width: 840px) {
98
- .tips-content[data-v-152022cd] {
98
+ .tips-content[data-v-c5f77844] {
99
99
  font-size: 12px;
100
100
  line-height: 18px;
101
101
  }
102
102
  }
103
103
  @media (max-width: 600px) {
104
- .tips-content[data-v-152022cd] {
104
+ .tips-content[data-v-c5f77844] {
105
105
  font-size: 12px;
106
106
  line-height: 18px;
107
107
  }
108
108
  }
109
- .tips-content[data-v-152022cd] {
109
+ .tips-content[data-v-c5f77844] {
110
110
  font-weight: normal;
111
111
  color: var(--o-color-info2);
112
112
  display: flex;
113
113
  justify-content: space-between;
114
114
  }
115
115
  @media (min-width: 841px) and (max-width: 1200px) {
116
- .tips[data-v-152022cd] {
116
+ .tips[data-v-c5f77844] {
117
117
  width: 480px;
118
118
  }
119
119
  }
120
- .tips.lang-en[data-v-152022cd] {
120
+ .tips.lang-en[data-v-c5f77844] {
121
121
  width: 592px;
122
122
  }
123
123
  @media (min-width: 841px) and (max-width: 1200px) {
124
- .tips.lang-en[data-v-152022cd] {
124
+ .tips.lang-en[data-v-c5f77844] {
125
125
  width: 480px;
126
126
  }
127
127
  }
128
- .red[data-v-152022cd] {
128
+ .red[data-v-c5f77844] {
129
129
  color: var(--o-color-danger1);
130
130
  }
131
- .text-btn[data-v-152022cd] {
131
+ .text-btn[data-v-c5f77844] {
132
132
  font-size: 16px;
133
133
  line-height: 24px;
134
134
  }
135
135
  @media (min-width: 1201px) and (max-width: 1680px) {
136
- .text-btn[data-v-152022cd] {
136
+ .text-btn[data-v-c5f77844] {
137
137
  font-size: 14px;
138
138
  line-height: 22px;
139
139
  }
140
140
  }
141
141
  @media (min-width: 841px) and (max-width: 1200px) {
142
- .text-btn[data-v-152022cd] {
142
+ .text-btn[data-v-c5f77844] {
143
143
  font-size: 14px;
144
144
  line-height: 22px;
145
145
  }
146
146
  }
147
147
  @media (min-width: 601px) and (max-width: 840px) {
148
- .text-btn[data-v-152022cd] {
148
+ .text-btn[data-v-c5f77844] {
149
149
  font-size: 14px;
150
150
  line-height: 22px;
151
151
  }
152
152
  }
153
153
  @media (max-width: 600px) {
154
- .text-btn[data-v-152022cd] {
154
+ .text-btn[data-v-c5f77844] {
155
155
  font-size: 12px;
156
156
  line-height: 18px;
157
157
  }
158
158
  }
159
- .text-btn[data-v-152022cd] {
159
+ .text-btn[data-v-c5f77844] {
160
160
  line-height: 24px;
161
161
  font-weight: Regular;
162
162
  cursor: pointer;
163
163
  white-space: nowrap;
164
164
  margin-left: 16px;
165
165
  }
166
- .text-btn[data-v-152022cd]:hover {
166
+ .text-btn[data-v-c5f77844]:hover {
167
167
  color: var(--o-color-danger2);
168
168
  }
169
- .forget-btn[data-v-152022cd] {
169
+ .forget-btn[data-v-c5f77844] {
170
170
  margin-left: 16px;
171
171
  font-size: 16px;
172
172
  line-height: 24px;
173
173
  }
174
174
  @media (min-width: 1201px) and (max-width: 1680px) {
175
- .forget-btn[data-v-152022cd] {
175
+ .forget-btn[data-v-c5f77844] {
176
176
  font-size: 14px;
177
177
  line-height: 22px;
178
178
  }
179
179
  }
180
180
  @media (min-width: 841px) and (max-width: 1200px) {
181
- .forget-btn[data-v-152022cd] {
181
+ .forget-btn[data-v-c5f77844] {
182
182
  font-size: 14px;
183
183
  line-height: 22px;
184
184
  }
185
185
  }
186
186
  @media (min-width: 601px) and (max-width: 840px) {
187
- .forget-btn[data-v-152022cd] {
187
+ .forget-btn[data-v-c5f77844] {
188
188
  font-size: 14px;
189
189
  line-height: 22px;
190
190
  }
191
191
  }
192
192
  @media (max-width: 600px) {
193
- .forget-btn[data-v-152022cd] {
193
+ .forget-btn[data-v-c5f77844] {
194
194
  font-size: 12px;
195
195
  line-height: 18px;
196
196
  }
197
197
  }
198
- .tips-bg[data-v-152022cd] {
198
+ .tips-bg[data-v-c5f77844] {
199
199
  line-height: 24px;
200
200
  }
201
- .tips-bg a[data-v-152022cd] {
201
+ .tips-bg a[data-v-c5f77844] {
202
202
  color: var(--o-color-link1);
203
203
  }
204
- .tips-bg a[data-v-152022cd]:hover {
204
+ .tips-bg a[data-v-c5f77844]:hover {
205
205
  color: var(--o-color-primary2);
206
206
  }
207
- .security-pad[data-v-152022cd] {
207
+ .security-pad[data-v-c5f77844] {
208
208
  /* 三行合并为一张白色卡片，距顶部 16px */
209
209
  margin-top: 16px;
210
210
  background-color: var(--o-color-fill2);
211
211
  border-radius: 4px;
212
212
  padding: 0 16px;
213
213
  }
214
- .security-pad .tips[data-v-152022cd] {
214
+ .security-pad .tips[data-v-c5f77844] {
215
215
  width: 100%;
216
216
  /* 重置基础规则的 max-width:592px，移动端卡片行始终通栏 */
217
217
  max-width: 100%;
@@ -220,32 +220,32 @@
220
220
  background-color: transparent;
221
221
  border-bottom: 1px solid var(--o-color-control4);
222
222
  }
223
- .security-pad .tips[data-v-152022cd]:last-child {
223
+ .security-pad .tips[data-v-c5f77844]:last-child {
224
224
  border-bottom: none;
225
225
  }
226
- .security-pad .tips-title[data-v-152022cd] {
226
+ .security-pad .tips-title[data-v-c5f77844] {
227
227
  margin-bottom: 8px;
228
228
  }
229
- .security-pad .tips-content[data-v-152022cd] {
229
+ .security-pad .tips-content[data-v-c5f77844] {
230
230
  color: var(--o-color-info2);
231
231
  }
232
- .security-pad .tips .forget-btn[data-v-152022cd] {
232
+ .security-pad .tips .forget-btn[data-v-c5f77844] {
233
233
  margin-left: 0;
234
234
  }
235
- .security-pad[data-v-152022cd] {
235
+ .security-pad[data-v-c5f77844] {
236
236
  /* 登录密码 / 注销账号：标题上、描述+箭头下 */
237
237
  }
238
- .security-pad .tips-inline .tips-content[data-v-152022cd] {
238
+ .security-pad .tips-inline .tips-content[data-v-c5f77844] {
239
239
  display: flex;
240
240
  align-items: center;
241
241
  justify-content: space-between;
242
242
  }
243
- .security-pad .tips-inline .tips-content .tips-desc[data-v-152022cd] {
243
+ .security-pad .tips-inline .tips-content .tips-desc[data-v-c5f77844] {
244
244
  display: block;
245
245
  flex: 1;
246
246
  margin-right: 16px;
247
247
  }
248
- .security-pad .tips-inline .arrow[data-v-152022cd] {
248
+ .security-pad .tips-inline .arrow[data-v-c5f77844] {
249
249
  width: 24px;
250
250
  height: 24px;
251
251
  cursor: pointer;
package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OAccountSecurity.vue2.mjs";
2
2
  import './OAccountSecurity.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-152022cd"]]);
4
+ const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5f77844"]]);
5
5
  export {
6
6
  _OAccountSecurity as default
7
7
  };
package/dist/treeshaking/components/user-center/OAccountSecurity.vue2.mjs CHANGED
@@ -60,7 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
60
60
  const props = __props;
61
61
  const emit = __emit;
62
62
  const deleteAccountVisible = ref(false);
63
- const pwdVisible = ref(false);
63
+ const pwdDialogVisible = ref(false);
64
64
  const isDelete = ref(false);
65
65
  const toBindingAccount = ref("email");
66
66
  const toBindingModalVisible = ref(false);
@@ -146,7 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
146
146
  if (!isSendCodeEmail(props.userInfo.email) && !props.userInfo.phone) {
147
147
  toBindingModalVisible.value = true;
148
148
  } else {
149
- pwdVisible.value = true;
149
+ pwdDialogVisible.value = true;
150
150
  }
151
151
  };
152
152
  const showDialog = (str, key) => {
@@ -158,10 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
158
158
  deleteAccountVisible.value = false;
159
159
  isDelete.value = false;
160
160
  if (toBindingAccount.value === "email") {
161
- pwdVisible.value = false;
161
+ pwdDialogVisible.value = false;
162
162
  showDialog("bind", "email");
163
163
  } else {
164
- pwdVisible.value = false;
164
+ pwdDialogVisible.value = false;
165
165
  showDialog("bind", "phone");
166
166
  }
167
167
  };
@@ -176,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
176
176
  class: normalizeClass({ "security-pad": unref(lePadV) })
177
177
  }, [
178
178
  !unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("common.SECURITY")), 1)) : createCommentVNode("", true),
179
- pwdVisible.value ? (openBlock(), createElementBlock("div", {
179
+ __props.pwdVisible ? (openBlock(), createElementBlock("div", {
180
180
  key: 1,
181
181
  class: normalizeClass(["tips", { "tips-inline": unref(lePadV) }])
182
182
  }, [
@@ -252,8 +252,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
252
252
  onBinding: goDeleteBinding
253
253
  }, null, 8, ["modelValue", "user-info", "client-id", "community", "send-code-captcha-post", "captcha-apis"]),
254
254
  createVNode(OModifyPwd, {
255
- modelValue: pwdVisible.value,
256
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdVisible.value = $event),
255
+ modelValue: pwdDialogVisible.value,
256
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => pwdDialogVisible.value = $event),
257
257
  "rsa-encrypt": __props.rsaEncrypt,
258
258
  "user-info": __props.userInfo,
259
259
  "client-id": __props.clientId,