@huyooo/ui 0.12.2 → 0.13.1

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,508 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- /* empty css */
4
- import { defineComponent as d, openBlock as a, createElementBlock as l, toDisplayString as g, createCommentVNode as b, createVNode as f, unref as s, createBlock as _, withCtx as U, createTextVNode as B, createElementVNode as u, ref as S, computed as A, onMounted as G, Fragment as F, renderSlot as C, normalizeClass as J, watch as x } from "vue";
5
- import { Avatar as L, Button as R, Dropdown as K } from "@arco-design/web-vue";
6
- import { u as N } from "./useAuthkitUsersProfile-CoQceogN.js";
7
- import { u as k } from "./useUserMenu-ClPBlvaM.js";
8
- /* empty css */
9
- import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
10
- /* empty css */
11
- import { u as Q, f as W } from "./apiClients-B8bOvWw_.js";
12
- import { u as Z, o as ee, P as ne } from "./PaySubscriptions-DS4kJNb_.js";
13
- import { C as te } from "./Clipboard-k0jtK4CJ.js";
14
- import { A as se } from "./AuthkitAppSetting-p_ZzaAK3.js";
15
- import { d as ae } from "./FeedbackModal-9CNnFC6B.js";
16
- import { M as re } from "./MessageHandle-BZBT7Ii1.js";
17
- import { R as oe } from "./ReferrerReferees-DhS91Ulf.js";
18
- import { Icon as j } from "@iconify/vue";
19
- const ie = {
20
- class: "UserAvatar"
21
- }, ce = {
22
- key: 0,
23
- class: "UserAvatar__nickname"
24
- }, ue = /* @__PURE__ */ d({
25
- __name: "UserAvatar",
26
- props: {
27
- nickname: {
28
- default: ""
29
- },
30
- avatar: {
31
- default: ""
32
- }
33
- },
34
- setup(e) {
35
- return (n, r) => (a(), l("div", ie, [e.nickname ? (a(), l("span", ce, g(e.nickname), 1)) : b("", !0), f(s(L), {
36
- "image-url": e.avatar,
37
- size: 32,
38
- "object-fit": "cover"
39
- }, null, 8, ["image-url"])]));
40
- }
41
- }), le = /* @__PURE__ */ M(ue, [["__scopeId", "data-v-cda7eee7"]]), de = /* @__PURE__ */ d({
42
- __name: "UserSignInButton",
43
- setup(e) {
44
- const {
45
- open: n
46
- } = Q();
47
- return (r, t) => (a(), _(s(R), {
48
- type: "primary",
49
- class: "UserSignInButton",
50
- onClick: t[0] || (t[0] = (o) => s(n)())
51
- }, {
52
- default: U(() => [...t[1] || (t[1] = [B("登陆", -1)])]),
53
- _: 1
54
- }));
55
- }
56
- }), pe = /* @__PURE__ */ M(de, [["__scopeId", "data-v-449a105c"]]), fe = {}, me = {
57
- class: "UserMenuDivider",
58
- role: "separator"
59
- };
60
- function _e(e, n) {
61
- return a(), l("div", me);
62
- }
63
- const ve = /* @__PURE__ */ M(fe, [["render", _e], ["__scopeId", "data-v-c7d18d97"]]), ge = {
64
- class: "UserBasicInformation"
65
- }, be = {
66
- class: "UserBasicInformation__extra"
67
- }, Ue = {
68
- class: "UserBasicInformation__nickname"
69
- }, ke = {
70
- class: "UserBasicInformation__email"
71
- }, ye = {
72
- key: 0,
73
- class: "UserBasicInformation__referrer"
74
- }, Ie = /* @__PURE__ */ d({
75
- __name: "UserBasicInformation",
76
- props: {
77
- nickname: {
78
- default: ""
79
- },
80
- email: {
81
- default: ""
82
- },
83
- avatarUrl: {
84
- default: ""
85
- },
86
- referrerId: {
87
- default: ""
88
- }
89
- },
90
- setup(e) {
91
- return (n, r) => (a(), l("div", ge, [f(s(L), {
92
- "image-url": e.avatarUrl,
93
- size: 42,
94
- "object-fit": "cover"
95
- }, null, 8, ["image-url"]), u("div", be, [u("span", Ue, g(e.nickname), 1), u("span", ke, g(e.email), 1), e.referrerId ? (a(), l("span", ye, [u("span", null, "我的邀请码:" + g(e.referrerId), 1), f(te, {
96
- value: e.referrerId,
97
- message: "邀请码复制成功"
98
- }, null, 8, ["value"])])) : b("", !0)])]));
99
- }
100
- }), $e = /* @__PURE__ */ M(Ie, [["__scopeId", "data-v-cc49789c"]]), Be = {
101
- class: "UserSubscriptionBaseInformation"
102
- }, Me = {
103
- class: "UserSubscriptionBaseInformation__row"
104
- }, he = {
105
- class: "UserSubscriptionBaseInformation__info"
106
- }, Se = {
107
- class: "UserSubscriptionBaseInformation__plan"
108
- }, Ae = {
109
- key: 0
110
- }, Ce = {
111
- key: 1
112
- }, xe = {
113
- key: 2,
114
- class: "UserSubscriptionBaseInformation__pending"
115
- }, we = /* @__PURE__ */ d({
116
- __name: "UserSubscriptionBaseInformation",
117
- props: {
118
- currentVersionName: {
119
- default: ""
120
- },
121
- expireDate: {
122
- default: ""
123
- },
124
- pointsBalance: {},
125
- pendingInvoiceTotal: {},
126
- loading: {
127
- type: Boolean,
128
- default: !1
129
- },
130
- canUpgrade: {
131
- type: Boolean,
132
- default: !1
133
- },
134
- actionLabel: {
135
- default: "升级"
136
- }
137
- },
138
- emits: ["upgradeHandle", "payHandle"],
139
- setup(e, {
140
- emit: n
141
- }) {
142
- const r = n;
143
- return (t, o) => (a(), l("div", Be, [u("div", Me, [u("div", he, [o[2] || (o[2] = u("span", {
144
- class: "UserSubscriptionBaseInformation__label"
145
- }, "当前权益:", -1)), u("span", Se, g(e.currentVersionName), 1)]), e.canUpgrade ? (a(), _(s(R), {
146
- key: 0,
147
- type: "primary",
148
- size: "mini",
149
- class: "UserSubscriptionBaseInformation__upgrade",
150
- loading: e.loading,
151
- onClick: o[0] || (o[0] = (p) => r("upgradeHandle"))
152
- }, {
153
- default: U(() => [B(g(e.actionLabel), 1)]),
154
- _: 1
155
- }, 8, ["loading"])) : b("", !0)]), e.expireDate ? (a(), l("span", Ae, "有效期至: " + g(e.expireDate), 1)) : b("", !0), typeof e.pointsBalance == "number" ? (a(), l("span", Ce, "积分余额: " + g(e.pointsBalance), 1)) : b("", !0), typeof e.pendingInvoiceTotal == "number" && e.pendingInvoiceTotal > 0 ? (a(), l("div", xe, [o[4] || (o[4] = u("span", {
156
- class: "UserSubscriptionBaseInformation__warning"
157
- }, " 有待支付账单 ", -1)), f(s(R), {
158
- type: "primary",
159
- status: "warning",
160
- size: "mini",
161
- class: "UserSubscriptionBaseInformation__pay",
162
- loading: e.loading,
163
- onClick: o[1] || (o[1] = (p) => r("payHandle"))
164
- }, {
165
- default: U(() => [...o[3] || (o[3] = [B(" 去支付 ", -1)])]),
166
- _: 1
167
- }, 8, ["loading"])])) : b("", !0)]));
168
- }
169
- }), Pe = /* @__PURE__ */ M(we, [["__scopeId", "data-v-918efa0e"]]), De = /* @__PURE__ */ d({
170
- __name: "UserMenuHeader",
171
- props: {
172
- showSubscription: {
173
- type: Boolean,
174
- default: !0
175
- },
176
- currentVersionName: {
177
- default: ""
178
- },
179
- expireDate: {
180
- default: ""
181
- },
182
- canUpgrade: {
183
- type: Boolean,
184
- default: !0
185
- }
186
- },
187
- setup(e) {
188
- const n = e, {
189
- userProfile: r
190
- } = N(), {
191
- openSubscriptions: t
192
- } = k(), {
193
- entitlement: o,
194
- pointsBalance: p,
195
- pendingInvoice: i,
196
- loading: v,
197
- refresh: y
198
- } = Z(), h = S(0), I = A(() => o.value), P = A(() => {
199
- var m, $;
200
- return n.currentVersionName ? n.currentVersionName : ((m = I.value) == null ? void 0 : m.type) === "trial" ? "免费试用" : (($ = I.value) == null ? void 0 : $.productName) || "未订阅";
201
- }), c = A(() => {
202
- var m;
203
- return n.expireDate || ((m = I.value) == null ? void 0 : m.endAt) || "";
204
- }), D = A(() => {
205
- var m, $;
206
- return ((m = I.value) == null ? void 0 : m.type) === "trial" ? h.value > 0 ? "升级" : "" : (($ = I.value) == null ? void 0 : $.type) === "subscription" ? h.value > 1 ? "修改订阅" : "" : h.value > 0 ? "订阅" : "";
207
- }), X = A(() => n.canUpgrade && !!D.value);
208
- function Y() {
209
- ee();
210
- }
211
- async function q() {
212
- const {
213
- data: m
214
- } = await W.products.listActive.post();
215
- h.value = Array.isArray(m) ? m.length : 0;
216
- }
217
- return G(() => {
218
- n.showSubscription && (y(), q());
219
- }), (m, $) => {
220
- var V, H, O, T, z, E;
221
- return a(), l(F, null, [f($e, {
222
- "avatar-url": (V = s(r)) == null ? void 0 : V.avatarUrl,
223
- nickname: (H = s(r)) == null ? void 0 : H.nickname,
224
- email: (O = s(r)) == null ? void 0 : O.email,
225
- "referrer-id": (T = s(r)) == null ? void 0 : T.referrerId
226
- }, null, 8, ["avatar-url", "nickname", "email", "referrer-id"]), e.showSubscription ? (a(), _(Pe, {
227
- key: 0,
228
- "current-version-name": P.value,
229
- "expire-date": c.value,
230
- "points-balance": (z = s(p)) == null ? void 0 : z.totalPoints,
231
- "pending-invoice-total": (E = s(i)) == null ? void 0 : E.total,
232
- loading: s(v),
233
- "can-upgrade": X.value,
234
- "action-label": D.value,
235
- onUpgradeHandle: Y,
236
- onPayHandle: $[0] || ($[0] = (qe) => s(t)({
237
- target: "invoices"
238
- }))
239
- }, null, 8, ["current-version-name", "expire-date", "points-balance", "pending-invoice-total", "loading", "can-upgrade", "action-label"])) : b("", !0)], 64);
240
- };
241
- }
242
- }), Re = {
243
- class: "UserMenu__content"
244
- }, Ne = {
245
- class: "UserMenu__header"
246
- }, Ve = /* @__PURE__ */ d({
247
- __name: "UserMenu",
248
- props: {
249
- position: {
250
- default: "br"
251
- },
252
- dropdownOffsetX: {
253
- default: "0"
254
- },
255
- dropdownOffsetY: {
256
- default: "0"
257
- }
258
- },
259
- setup(e) {
260
- const {
261
- userProfile: n,
262
- isLoggedIn: r
263
- } = N(), {
264
- isOpen: t,
265
- setOpen: o
266
- } = k(), p = A({
267
- get: () => t.value,
268
- set: (i) => o(i)
269
- });
270
- return (i, v) => s(r) ? (a(), _(s(K), {
271
- key: 1,
272
- "popup-visible": p.value,
273
- "onUpdate:popupVisible": v[0] || (v[0] = (y) => p.value = y),
274
- class: "UserMenu",
275
- position: e.position,
276
- "popup-max-height": !1,
277
- "popup-style": {
278
- "--user-menu-translate-x": e.dropdownOffsetX ?? "0",
279
- "--user-menu-translate-y": e.dropdownOffsetY ?? "0"
280
- }
281
- }, {
282
- content: U(() => [u("div", Re, [u("div", Ne, [C(i.$slots, "header", {
283
- user: s(n)
284
- }, () => [f(De)], !0)]), i.$slots.items ? (a(), _(ve, {
285
- key: 0
286
- })) : b("", !0), C(i.$slots, "items", {}, void 0, !0)])]),
287
- default: U(() => [C(i.$slots, "trigger", {
288
- user: s(n)
289
- }, () => {
290
- var y;
291
- return [f(le, {
292
- avatar: (y = s(n)) == null ? void 0 : y.avatarUrl
293
- }, null, 8, ["avatar"])];
294
- }, !0)]),
295
- _: 3
296
- }, 8, ["popup-visible", "position", "popup-style"])) : (a(), _(pe, {
297
- key: 0
298
- }));
299
- }
300
- }), fn = /* @__PURE__ */ M(Ve, [["__scopeId", "data-v-bbd2c44f"]]), He = ["disabled"], Oe = {
301
- class: "UserMenuItem__label"
302
- }, Te = {
303
- key: 0,
304
- class: "UserMenuItem__icon"
305
- }, ze = /* @__PURE__ */ d({
306
- __name: "UserMenuItem",
307
- props: {
308
- icon: {
309
- default: void 0
310
- },
311
- danger: {
312
- type: Boolean,
313
- default: !1
314
- },
315
- disabled: {
316
- type: Boolean,
317
- default: !1
318
- },
319
- closeOnClick: {
320
- type: Boolean,
321
- default: !0
322
- }
323
- },
324
- emits: ["click"],
325
- setup(e, {
326
- emit: n
327
- }) {
328
- const r = e, t = n, {
329
- close: o
330
- } = k();
331
- function p(i) {
332
- i.stopPropagation(), !r.disabled && (r.closeOnClick && o(), t("click", i));
333
- }
334
- return (i, v) => (a(), l("button", {
335
- type: "button",
336
- class: J(["UserMenuItem", {
337
- "is-danger": e.danger,
338
- "is-disabled": e.disabled
339
- }]),
340
- disabled: e.disabled,
341
- onClick: p
342
- }, [u("span", Oe, [C(i.$slots, "default", {}, void 0, !0)]), i.$slots.icon || e.icon ? (a(), l("span", Te, [C(i.$slots, "icon", {}, () => [e.icon ? (a(), _(s(j), {
343
- key: 0,
344
- icon: e.icon,
345
- width: 16,
346
- height: 16
347
- }, null, 8, ["icon"])) : b("", !0)], !0)])) : b("", !0)], 10, He));
348
- }
349
- }), w = /* @__PURE__ */ M(ze, [["__scopeId", "data-v-d357ac04"]]), mn = /* @__PURE__ */ d({
350
- __name: "UserMenuModals",
351
- setup(e) {
352
- const {
353
- settingTrigger: n,
354
- subscriptionsTrigger: r,
355
- subscriptionsOptions: t,
356
- messagesTrigger: o,
357
- feedbackTrigger: p,
358
- invitationsTrigger: i
359
- } = k(), v = S(null), y = S(null), h = S(null), I = S(null), P = S(null);
360
- return x(n, () => {
361
- var c;
362
- (c = v.value) == null || c.setData(null, !0);
363
- }), x(r, () => {
364
- var c;
365
- (c = y.value) == null || c.setData(t.value, !0);
366
- }), x(o, () => {
367
- var c;
368
- (c = h.value) == null || c.openNotification();
369
- }), x(p, () => {
370
- var c;
371
- (c = I.value) == null || c.setData(!0);
372
- }), x(i, () => {
373
- var c;
374
- (c = P.value) == null || c.setData(!0);
375
- }), (c, D) => (a(), l(F, null, [f(se, {
376
- ref_key: "appSettingRef",
377
- ref: v
378
- }, null, 512), f(ne, {
379
- ref_key: "paySubsRef",
380
- ref: y
381
- }, null, 512), f(re, {
382
- ref_key: "messageHandleRef",
383
- ref: h
384
- }, null, 512), f(ae, {
385
- ref_key: "feedbackModalRef",
386
- ref: I
387
- }, null, 512), f(oe, {
388
- ref_key: "refereesRef",
389
- ref: P
390
- }, null, 512)], 64));
391
- }
392
- }), Ee = {
393
- class: "UserAccountMenu"
394
- }, Fe = {
395
- class: "UserAccountMenu__avatar"
396
- }, Le = {
397
- class: "UserAccountMenu__meta"
398
- }, je = {
399
- class: "UserAccountMenu__name"
400
- }, Xe = {
401
- class: "UserAccountMenu__email"
402
- }, Ye = /* @__PURE__ */ d({
403
- __name: "UserAccountMenu",
404
- setup(e) {
405
- const {
406
- userProfile: n
407
- } = N(), {
408
- toggle: r
409
- } = k();
410
- return (t, o) => {
411
- var p, i;
412
- return a(), l("div", Ee, [u("div", Fe, [C(t.$slots, "avatar", {}, void 0, !0)]), u("div", Le, [u("div", je, g(((p = s(n)) == null ? void 0 : p.nickname) || ""), 1), u("div", Xe, g(((i = s(n)) == null ? void 0 : i.email) || ""), 1)]), u("div", {
413
- class: "UserAccountMenu__arrow",
414
- onClick: o[0] || (o[0] = //@ts-ignore
415
- (...v) => s(r) && s(r)(...v))
416
- }, [f(s(j), {
417
- icon: "lucide:chevrons-up-down"
418
- })])]);
419
- };
420
- }
421
- }), _n = /* @__PURE__ */ M(Ye, [["__scopeId", "data-v-cc0eb033"]]), vn = /* @__PURE__ */ d({
422
- __name: "UserMenuMessageItem",
423
- setup(e) {
424
- const {
425
- openMessages: n
426
- } = k();
427
- return (r, t) => (a(), _(w, {
428
- icon: "lucide:chevron-right",
429
- onClick: s(n)
430
- }, {
431
- default: U(() => [...t[0] || (t[0] = [B("消息中心", -1)])]),
432
- _: 1
433
- }, 8, ["onClick"]));
434
- }
435
- }), gn = /* @__PURE__ */ d({
436
- __name: "UserMenuSettingItem",
437
- setup(e) {
438
- const {
439
- openSetting: n
440
- } = k();
441
- return (r, t) => (a(), _(w, {
442
- icon: "lucide:user-round",
443
- onClick: s(n)
444
- }, {
445
- default: U(() => [...t[0] || (t[0] = [B("用户信息", -1)])]),
446
- _: 1
447
- }, 8, ["onClick"]));
448
- }
449
- }), bn = /* @__PURE__ */ d({
450
- __name: "UserMenuSubscriptionItem",
451
- setup(e) {
452
- const {
453
- openSubscriptions: n
454
- } = k();
455
- return (r, t) => (a(), _(w, {
456
- icon: "lucide:chevron-right",
457
- onClick: t[0] || (t[0] = (o) => s(n)())
458
- }, {
459
- default: U(() => [...t[1] || (t[1] = [B("订阅信息", -1)])]),
460
- _: 1
461
- }));
462
- }
463
- }), Un = /* @__PURE__ */ d({
464
- __name: "UserMenuFeedbackItem",
465
- setup(e) {
466
- const {
467
- openFeedback: n
468
- } = k();
469
- return (r, t) => (a(), _(w, {
470
- icon: "lucide:chevron-right",
471
- onClick: s(n)
472
- }, {
473
- default: U(() => [...t[0] || (t[0] = [B("系统反馈", -1)])]),
474
- _: 1
475
- }, 8, ["onClick"]));
476
- }
477
- }), kn = /* @__PURE__ */ d({
478
- __name: "UserMenuInvitationsItem",
479
- setup(e) {
480
- const {
481
- openInvitations: n
482
- } = k();
483
- return (r, t) => (a(), _(w, {
484
- icon: "lucide:chevron-right",
485
- onClick: s(n)
486
- }, {
487
- default: U(() => [...t[0] || (t[0] = [B("邀请", -1)])]),
488
- _: 1
489
- }, 8, ["onClick"]));
490
- }
491
- });
492
- export {
493
- _n as U,
494
- Un as _,
495
- le as a,
496
- $e as b,
497
- fn as c,
498
- ve as d,
499
- De as e,
500
- kn as f,
501
- w as g,
502
- vn as h,
503
- mn as i,
504
- gn as j,
505
- bn as k,
506
- pe as l,
507
- Pe as m
508
- };