@huyooo/ui 1.0.3 → 1.0.4

package/dist/UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-zgjpFVln.js

@@ -0,0 +1,592 @@
+/* empty css               */
+/* empty css               */
+import "./index-BkLvw1PU.js";
+import { defineComponent as p, computed as b, openBlock as r, createElementBlock as _, toDisplayString as h, createCommentVNode as U, createVNode as f, unref as t, createBlock as v, withCtx as g, createTextVNode as k, ref as C, createElementVNode as c, watch as x, onMounted as ee, Fragment as q, renderSlot as A, normalizeClass as ne } from "vue";
+import { Avatar as G, Button as N, Dropdown as te, Badge as ae } from "@arco-design/web-vue";
+import { u as H } from "./useAuthkitUsersProfile-DJlMsftY.js";
+import { u as y } from "./useUserMenu-ClPBlvaM.js";
+/* empty css               */
+import { g as J, a as se, R as oe } from "./ReferrerReferees-DgygiIiE.js";
+import { _ as S } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+import { u as ie } from "./apiClients-BcXOLuYu.js";
+import { f as re, u as le, g as ue, c as ce, s as de, P as pe } from "./PaySubscriptions-CXkEjqr2.js";
+import { d as me } from "./useBillingStatusOptions-CfHQOFNw.js";
+import { A as fe } from "./AuthkitAppSetting-BN8-xgNq.js";
+import { c as _e, u as K } from "./FeedbackModal.vue_vue_type_script_setup_true_lang-B9BqGWm8.js";
+import { M as ve } from "./MessageHandle-mEkCsv9e.js";
+import "./Menu-uCexrsKP.js";
+import { Icon as ge } from "@iconify/vue";
+const be = {
+  class: "UserAvatar"
+}, Ue = ["title"], ke = /* @__PURE__ */ p({
+  __name: "UserAvatar",
+  props: {
+    userId: {
+      default: ""
+    },
+    nickname: {
+      default: ""
+    },
+    email: {
+      default: ""
+    },
+    phone: {
+      default: ""
+    },
+    avatar: {
+      default: ""
+    }
+  },
+  setup(n) {
+    const e = n, o = b(() => J({
+      userId: e.userId,
+      nickname: e.nickname,
+      email: e.email,
+      phone: e.phone
+    }));
+    return (a, i) => (r(), _("div", be, [o.value ? (r(), _("span", {
+      key: 0,
+      class: "UserAvatar__nickname",
+      title: o.value
+    }, h(o.value), 9, Ue)) : U("", !0), f(t(G), {
+      "image-url": n.avatar,
+      size: 32,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"])]));
+  }
+}), ye = /* @__PURE__ */ S(ke, [["__scopeId", "data-v-949e953e"]]), Ie = /* @__PURE__ */ p({
+  __name: "UserSignInButton",
+  setup(n) {
+    const {
+      open: e
+    } = ie();
+    return (o, a) => (r(), v(t(N), {
+      type: "primary",
+      class: "UserSignInButton",
+      onClick: a[0] || (a[0] = (i) => t(e)())
+    }, {
+      default: g(() => [...a[1] || (a[1] = [k("登陆", -1)])]),
+      _: 1
+    }));
+  }
+}), Se = /* @__PURE__ */ S(Ie, [["__scopeId", "data-v-449a105c"]]), Be = {}, $e = {
+  class: "UserMenuDivider",
+  role: "separator"
+};
+function he(n, e) {
+  return r(), _("div", $e);
+}
+const Me = /* @__PURE__ */ S(Be, [["render", he], ["__scopeId", "data-v-c7d18d97"]]), R = C(0);
+let P = null;
+function Ce() {
+  async function n() {
+    return P || (P = (async () => {
+      const e = await me.productOptions();
+      if (!Array.isArray(e)) {
+        R.value = 0;
+        return;
+      }
+      R.value = e.filter((o) => {
+        var a;
+        return (a = o.prices) == null ? void 0 : a.some((i) => i.type === "recurring");
+      }).length;
+    })().finally(() => {
+      P = null;
+    }), P);
+  }
+  return {
+    paidProductCount: R,
+    loadPaidProductCount: n
+  };
+}
+const xe = {
+  class: "UserBasicInformation"
+}, Ae = {
+  class: "UserBasicInformation__extra"
+}, we = ["title"], Pe = ["title"], De = /* @__PURE__ */ p({
+  __name: "UserBasicInformation",
+  props: {
+    userId: {
+      default: ""
+    },
+    nickname: {
+      default: ""
+    },
+    email: {
+      default: ""
+    },
+    phone: {
+      default: ""
+    },
+    avatarUrl: {
+      default: ""
+    },
+    avatarSize: {
+      default: 32
+    }
+  },
+  setup(n) {
+    const e = n, o = b(() => ({
+      userId: e.userId,
+      nickname: e.nickname,
+      email: e.email,
+      phone: e.phone
+    })), a = b(() => J(o.value)), i = b(() => se(o.value));
+    return (d, s) => (r(), _("div", xe, [f(t(G), {
+      "image-url": n.avatarUrl,
+      size: n.avatarSize,
+      "object-fit": "cover"
+    }, null, 8, ["image-url", "size"]), c("div", Ae, [c("span", {
+      class: "UserBasicInformation__nickname",
+      title: a.value
+    }, h(a.value), 9, we), i.value ? (r(), _("span", {
+      key: 0,
+      class: "UserBasicInformation__contact",
+      title: i.value
+    }, h(i.value), 9, Pe)) : U("", !0)])]));
+  }
+}), Q = /* @__PURE__ */ S(De, [["__scopeId", "data-v-cb95c00d"]]), Ne = {
+  class: "UserSubscriptionBaseInformation"
+}, Re = {
+  class: "UserSubscriptionBaseInformation__row"
+}, He = {
+  class: "UserSubscriptionBaseInformation__info"
+}, Oe = ["title"], Ve = {
+  key: 0,
+  class: "UserSubscriptionBaseInformation__info"
+}, ze = ["title"], Te = {
+  class: "UserSubscriptionBaseInformation__row"
+}, Le = {
+  class: "UserSubscriptionBaseInformation__info"
+}, Ee = {
+  class: "UserSubscriptionBaseInformation__value"
+}, je = {
+  key: 1,
+  class: "UserSubscriptionBaseInformation__row"
+}, Fe = /* @__PURE__ */ p({
+  __name: "UserSubscriptionBaseInformation",
+  props: {
+    currentVersionName: {
+      default: ""
+    },
+    expireDate: {
+      default: ""
+    },
+    pointsBalance: {},
+    pendingInvoiceTotal: {},
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    canUpgrade: {
+      type: Boolean,
+      default: !1
+    },
+    actionLabel: {
+      default: "升级"
+    }
+  },
+  emits: ["upgradeHandle", "payHandle", "pointsHandle"],
+  setup(n, {
+    emit: e
+  }) {
+    const o = n, a = e, i = b(() => re(o.pointsBalance));
+    return (d, s) => (r(), _("div", Ne, [c("div", Re, [c("div", He, [s[3] || (s[3] = c("span", {
+      class: "UserSubscriptionBaseInformation__label"
+    }, "当前权益：", -1)), c("span", {
+      class: "UserSubscriptionBaseInformation__value",
+      title: n.currentVersionName
+    }, h(n.currentVersionName), 9, Oe)]), n.canUpgrade ? (r(), v(t(N), {
+      key: 0,
+      type: "primary",
+      size: "mini",
+      class: "UserSubscriptionBaseInformation__action",
+      loading: n.loading,
+      onClick: s[0] || (s[0] = (l) => a("upgradeHandle"))
+    }, {
+      default: g(() => [k(h(n.actionLabel), 1)]),
+      _: 1
+    }, 8, ["loading"])) : U("", !0)]), n.expireDate ? (r(), _("div", Ve, [s[4] || (s[4] = c("span", {
+      class: "UserSubscriptionBaseInformation__label"
+    }, "有效期至：", -1)), c("span", {
+      class: "UserSubscriptionBaseInformation__value",
+      title: n.expireDate
+    }, h(n.expireDate), 9, ze)])) : U("", !0), c("div", Te, [c("div", Le, [s[5] || (s[5] = c("span", {
+      class: "UserSubscriptionBaseInformation__label"
+    }, "积分余额：", -1)), c("span", Ee, h(i.value), 1)]), f(t(N), {
+      type: "primary",
+      size: "mini",
+      class: "UserSubscriptionBaseInformation__action",
+      loading: n.loading,
+      onClick: s[1] || (s[1] = (l) => a("pointsHandle"))
+    }, {
+      default: g(() => [...s[6] || (s[6] = [k(" 充值 ", -1)])]),
+      _: 1
+    }, 8, ["loading"])]), typeof n.pendingInvoiceTotal == "number" && n.pendingInvoiceTotal > 0 ? (r(), _("div", je, [s[8] || (s[8] = c("span", {
+      class: "UserSubscriptionBaseInformation__warning"
+    }, "有待支付订阅账单", -1)), f(t(N), {
+      type: "primary",
+      status: "warning",
+      size: "mini",
+      class: "UserSubscriptionBaseInformation__action",
+      loading: n.loading,
+      onClick: s[2] || (s[2] = (l) => a("payHandle"))
+    }, {
+      default: g(() => [...s[7] || (s[7] = [k(" 去支付 ", -1)])]),
+      _: 1
+    }, 8, ["loading"])])) : U("", !0)]));
+  }
+}), Xe = /* @__PURE__ */ S(Fe, [["__scopeId", "data-v-7938abb7"]]), Ye = /* @__PURE__ */ p({
+  __name: "UserMenuHeader",
+  props: {
+    showSubscription: {
+      type: Boolean,
+      default: !0
+    },
+    currentVersionName: {
+      default: ""
+    },
+    expireDate: {
+      default: ""
+    },
+    canUpgrade: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(n) {
+    const e = n, {
+      userProfile: o
+    } = H(), {
+      isOpen: a,
+      openSubscriptions: i
+    } = y(), {
+      entitlement: d,
+      pointsBalance: s,
+      pendingInvoice: l,
+      loading: m,
+      refresh: B
+    } = le(), {
+      paidProductCount: I,
+      loadPaidProductCount: $
+    } = Ce(), u = b(() => e.currentVersionName ? e.currentVersionName : ue(d.value)), O = b(() => {
+      var w;
+      return e.expireDate || ((w = d.value) == null ? void 0 : w.endAt) || "";
+    }), W = b(() => ce(d.value, I.value)), Z = b(() => de(d.value, I.value, e.canUpgrade));
+    function V() {
+      e.showSubscription && (B(), $());
+    }
+    return x(a, (w) => {
+      w && V();
+    }), ee(() => {
+      a.value && V();
+    }), (w, M) => {
+      var z, T, L, E, j, F, X;
+      return r(), _(q, null, [f(Q, {
+        "user-id": (z = t(o)) == null ? void 0 : z.id,
+        "avatar-url": (T = t(o)) == null ? void 0 : T.avatarUrl,
+        nickname: (L = t(o)) == null ? void 0 : L.nickname,
+        email: (E = t(o)) == null ? void 0 : E.email,
+        phone: (j = t(o)) == null ? void 0 : j.phone
+      }, null, 8, ["user-id", "avatar-url", "nickname", "email", "phone"]), n.showSubscription ? (r(), v(Xe, {
+        key: 0,
+        "current-version-name": u.value,
+        "expire-date": O.value,
+        "points-balance": ((F = t(s)) == null ? void 0 : F.totalPoints) ?? 0,
+        "pending-invoice-total": (X = t(l)) == null ? void 0 : X.total,
+        loading: t(m),
+        "can-upgrade": Z.value,
+        "action-label": W.value,
+        onUpgradeHandle: M[0] || (M[0] = (Y) => t(i)()),
+        onPayHandle: M[1] || (M[1] = (Y) => t(i)({
+          target: "invoices"
+        })),
+        onPointsHandle: M[2] || (M[2] = (Y) => t(i)({
+          target: "points"
+        }))
+      }, null, 8, ["current-version-name", "expire-date", "points-balance", "pending-invoice-total", "loading", "can-upgrade", "action-label"])) : U("", !0)], 64);
+    };
+  }
+}), qe = {
+  class: "UserMenu__content"
+}, Ge = {
+  class: "UserMenu__header"
+}, Je = /* @__PURE__ */ p({
+  __name: "UserMenu",
+  props: {
+    position: {
+      default: "br"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  },
+  setup(n) {
+    const {
+      userProfile: e,
+      isLoggedIn: o
+    } = H(), {
+      isOpen: a,
+      setOpen: i
+    } = y(), d = b({
+      get: () => a.value,
+      set: (s) => i(s)
+    });
+    return (s, l) => t(o) ? (r(), v(t(te), {
+      key: 1,
+      "popup-visible": d.value,
+      "onUpdate:popupVisible": l[0] || (l[0] = (m) => d.value = m),
+      class: "UserMenu",
+      position: n.position,
+      "popup-max-height": !1,
+      "popup-style": {
+        "--user-menu-translate-x": n.dropdownOffsetX ?? "0",
+        "--user-menu-translate-y": n.dropdownOffsetY ?? "0"
+      }
+    }, {
+      content: g(() => [c("div", qe, [c("div", Ge, [A(s.$slots, "header", {
+        user: t(e)
+      }, () => [f(Ye)], !0)]), s.$slots.items ? (r(), v(Me, {
+        key: 0
+      })) : U("", !0), A(s.$slots, "items", {}, void 0, !0)])]),
+      default: g(() => [A(s.$slots, "trigger", {
+        user: t(e)
+      }, () => {
+        var m, B, I, $, u;
+        return [f(ye, {
+          "user-id": (m = t(e)) == null ? void 0 : m.id,
+          nickname: (B = t(e)) == null ? void 0 : B.nickname,
+          email: (I = t(e)) == null ? void 0 : I.email,
+          phone: ($ = t(e)) == null ? void 0 : $.phone,
+          avatar: (u = t(e)) == null ? void 0 : u.avatarUrl
+        }, null, 8, ["user-id", "nickname", "email", "phone", "avatar"])];
+      }, !0)]),
+      _: 3
+    }, 8, ["popup-visible", "position", "popup-style"])) : (r(), v(Se, {
+      key: 0
+    }));
+  }
+}), Sn = /* @__PURE__ */ S(Je, [["__scopeId", "data-v-65156499"]]), Ke = ["disabled"], Qe = {
+  class: "UserMenuItem__label"
+}, We = {
+  class: "UserMenuItem__label-text"
+}, Ze = {
+  key: 0,
+  class: "UserMenuItem__icon"
+}, en = /* @__PURE__ */ p({
+  __name: "UserMenuItem",
+  props: {
+    icon: {
+      default: void 0
+    },
+    danger: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    badge: {
+      default: 0
+    }
+  },
+  emits: ["click"],
+  setup(n, {
+    emit: e
+  }) {
+    const o = n, a = b(() => o.badge > 0), i = e, {
+      close: d
+    } = y();
+    function s(l) {
+      l.stopPropagation(), !o.disabled && (o.closeOnClick && d(), i("click", l));
+    }
+    return (l, m) => (r(), _("button", {
+      type: "button",
+      class: ne(["UserMenuItem", {
+        "is-danger": n.danger,
+        "is-disabled": n.disabled
+      }]),
+      disabled: n.disabled,
+      onClick: s
+    }, [c("span", Qe, [a.value ? (r(), v(t(ae), {
+      key: 0,
+      count: n.badge,
+      "max-count": 99,
+      offset: [10, 0]
+    }, {
+      default: g(() => [c("span", We, [A(l.$slots, "default", {}, void 0, !0)])]),
+      _: 3
+    }, 8, ["count"])) : A(l.$slots, "default", {
+      key: 1
+    }, void 0, !0)]), l.$slots.icon || n.icon ? (r(), _("span", Ze, [A(l.$slots, "icon", {}, () => [n.icon ? (r(), v(t(ge), {
+      key: 0,
+      icon: n.icon,
+      width: 16,
+      height: 16
+    }, null, 8, ["icon"])) : U("", !0)], !0)])) : U("", !0)], 10, Ke));
+  }
+}), D = /* @__PURE__ */ S(en, [["__scopeId", "data-v-d5d01729"]]), Bn = /* @__PURE__ */ p({
+  __name: "UserMenuModals",
+  setup(n) {
+    const {
+      settingTrigger: e,
+      subscriptionsTrigger: o,
+      subscriptionsOptions: a,
+      messagesTrigger: i,
+      feedbackTrigger: d,
+      invitationsTrigger: s
+    } = y(), l = C(null), m = C(null), B = C(null), I = C(null), $ = C(null);
+    return x(e, () => {
+      var u;
+      (u = l.value) == null || u.setData(null, !0);
+    }), x(o, () => {
+      var u;
+      (u = m.value) == null || u.setData(a.value, !0);
+    }), x(i, () => {
+      var u;
+      (u = B.value) == null || u.openNotification();
+    }), x(d, () => {
+      var u;
+      (u = I.value) == null || u.setData(!0);
+    }), x(s, () => {
+      var u;
+      (u = $.value) == null || u.setData(!0);
+    }), (u, O) => (r(), _(q, null, [f(fe, {
+      ref_key: "appSettingRef",
+      ref: l
+    }, null, 512), f(pe, {
+      ref_key: "paySubsRef",
+      ref: m
+    }, null, 512), f(ve, {
+      ref_key: "messageHandleRef",
+      ref: B
+    }, null, 512), f(_e, {
+      ref_key: "feedbackModalRef",
+      ref: I
+    }, null, 512), f(oe, {
+      ref_key: "refereesRef",
+      ref: $
+    }, null, 512)], 64));
+  }
+}), nn = {
+  class: "UserAccountMenu"
+}, tn = /* @__PURE__ */ p({
+  __name: "UserAccountMenu",
+  setup(n) {
+    const {
+      userProfile: e
+    } = H();
+    return (o, a) => {
+      var i, d, s, l, m;
+      return r(), _("div", nn, [f(Q, {
+        "user-id": (i = t(e)) == null ? void 0 : i.id,
+        "avatar-url": (d = t(e)) == null ? void 0 : d.avatarUrl,
+        nickname: (s = t(e)) == null ? void 0 : s.nickname,
+        email: (l = t(e)) == null ? void 0 : l.email,
+        phone: (m = t(e)) == null ? void 0 : m.phone
+      }, null, 8, ["user-id", "avatar-url", "nickname", "email", "phone"])]);
+    };
+  }
+}), $n = /* @__PURE__ */ S(tn, [["__scopeId", "data-v-fe79b69c"]]), hn = /* @__PURE__ */ p({
+  __name: "UserMenuMessageItem",
+  setup(n) {
+    const {
+      openMessages: e
+    } = y(), {
+      messageUnreadCount: o
+    } = K();
+    return (a, i) => (r(), v(D, {
+      icon: "lucide:chevron-right",
+      badge: t(o),
+      onClick: t(e)
+    }, {
+      default: g(() => [...i[0] || (i[0] = [k(" 消息中心 ", -1)])]),
+      _: 1
+    }, 8, ["badge", "onClick"]));
+  }
+}), Mn = /* @__PURE__ */ p({
+  __name: "UserMenuSettingItem",
+  setup(n) {
+    const {
+      openSetting: e
+    } = y();
+    return (o, a) => (r(), v(D, {
+      icon: "lucide:user-round",
+      onClick: t(e)
+    }, {
+      default: g(() => [...a[0] || (a[0] = [k("用户信息", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), Cn = /* @__PURE__ */ p({
+  __name: "UserMenuSubscriptionItem",
+  setup(n) {
+    const {
+      openSubscriptions: e
+    } = y();
+    return (o, a) => (r(), v(D, {
+      icon: "lucide:chevron-right",
+      onClick: a[0] || (a[0] = (i) => t(e)())
+    }, {
+      default: g(() => [...a[1] || (a[1] = [k("订阅与积分", -1)])]),
+      _: 1
+    }));
+  }
+}), xn = /* @__PURE__ */ p({
+  __name: "UserMenuFeedbackItem",
+  setup(n) {
+    const {
+      openFeedback: e
+    } = y(), {
+      feedbackUnreadCount: o
+    } = K();
+    return (a, i) => (r(), v(D, {
+      icon: "lucide:chevron-right",
+      badge: t(o),
+      onClick: t(e)
+    }, {
+      default: g(() => [...i[0] || (i[0] = [k(" 系统反馈 ", -1)])]),
+      _: 1
+    }, 8, ["badge", "onClick"]));
+  }
+}), An = /* @__PURE__ */ p({
+  __name: "UserMenuInvitationsItem",
+  setup(n) {
+    const {
+      openInvitations: e
+    } = y();
+    return (o, a) => (r(), v(D, {
+      icon: "lucide:chevron-right",
+      onClick: t(e)
+    }, {
+      default: g(() => [...a[0] || (a[0] = [k("邀请", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+});
+export {
+  $n as U,
+  xn as _,
+  ye as a,
+  Q as b,
+  Sn as c,
+  Me as d,
+  Ye as e,
+  An as f,
+  D as g,
+  hn as h,
+  Bn as i,
+  Mn as j,
+  Cn as k,
+  Se as l,
+  Xe as m
+};