@huyooo/ui 0.11.2 → 0.11.6

package/dist/UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-B4tD8pIE.js

@@ -0,0 +1,508 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+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";
+import { Avatar as L, Button as R, Dropdown as K } from "@arco-design/web-vue";
+import { a as N } from "./useAuthkitUsersProfile-D4h6OOdR.js";
+import { u as k } from "./useUserMenu-ClPBlvaM.js";
+/* empty css               */
+import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+import { u as Q, f as W } from "./apiClients-KFp-rs-C.js";
+import { u as Z, P as ee } from "./PaySubscriptions-BsU0XmXf.js";
+import { C as ne } from "./Clipboard-ChMNfcO5.js";
+import { A as te } from "./AuthkitAppSetting-CjQiWZab.js";
+import { d as se } from "./FeedbackModal-Dzl0Alp7.js";
+import { M as ae } from "./MessageHandle-BcRjYeVi.js";
+import { R as re } from "./ReferrerReferees-CHSoGrE1.js";
+import { Icon as j } from "@iconify/vue";
+const oe = {
+  class: "UserAvatar"
+}, ie = {
+  key: 0,
+  class: "UserAvatar__nickname"
+}, ce = /* @__PURE__ */ d({
+  __name: "UserAvatar",
+  props: {
+    nickname: {
+      default: ""
+    },
+    avatar: {
+      default: ""
+    }
+  },
+  setup(e) {
+    return (n, r) => (a(), l("div", oe, [e.nickname ? (a(), l("span", ie, g(e.nickname), 1)) : b("", !0), f(s(L), {
+      "image-url": e.avatar,
+      size: 32,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"])]));
+  }
+}), ue = /* @__PURE__ */ M(ce, [["__scopeId", "data-v-cda7eee7"]]), le = /* @__PURE__ */ d({
+  __name: "UserSignInButton",
+  setup(e) {
+    const {
+      open: n
+    } = Q();
+    return (r, t) => (a(), _(s(R), {
+      type: "primary",
+      class: "UserSignInButton",
+      onClick: t[0] || (t[0] = (o) => s(n)())
+    }, {
+      default: U(() => [...t[1] || (t[1] = [B("登陆", -1)])]),
+      _: 1
+    }));
+  }
+}), de = /* @__PURE__ */ M(le, [["__scopeId", "data-v-449a105c"]]), pe = {}, fe = {
+  class: "UserMenuDivider",
+  role: "separator"
+};
+function me(e, n) {
+  return a(), l("div", fe);
+}
+const _e = /* @__PURE__ */ M(pe, [["render", me], ["__scopeId", "data-v-c7d18d97"]]), ve = {
+  class: "UserBasicInformation"
+}, ge = {
+  class: "UserBasicInformation__extra"
+}, be = {
+  class: "UserBasicInformation__nickname"
+}, Ue = {
+  class: "UserBasicInformation__email"
+}, ke = {
+  key: 0,
+  class: "UserBasicInformation__referrer"
+}, ye = /* @__PURE__ */ d({
+  __name: "UserBasicInformation",
+  props: {
+    nickname: {
+      default: ""
+    },
+    email: {
+      default: ""
+    },
+    avatarUrl: {
+      default: ""
+    },
+    referrerId: {
+      default: ""
+    }
+  },
+  setup(e) {
+    return (n, r) => (a(), l("div", ve, [f(s(L), {
+      "image-url": e.avatarUrl,
+      size: 42,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"]), u("div", ge, [u("span", be, g(e.nickname), 1), u("span", Ue, g(e.email), 1), e.referrerId ? (a(), l("span", ke, [u("span", null, "我的邀请码：" + g(e.referrerId), 1), f(ne, {
+      value: e.referrerId,
+      message: "邀请码复制成功"
+    }, null, 8, ["value"])])) : b("", !0)])]));
+  }
+}), Ie = /* @__PURE__ */ M(ye, [["__scopeId", "data-v-cc49789c"]]), $e = {
+  class: "UserSubscriptionBaseInformation"
+}, Be = {
+  class: "UserSubscriptionBaseInformation__row"
+}, Me = {
+  class: "UserSubscriptionBaseInformation__info"
+}, he = {
+  class: "UserSubscriptionBaseInformation__plan"
+}, Se = {
+  key: 0
+}, Ae = {
+  key: 1
+}, Ce = {
+  key: 2,
+  class: "UserSubscriptionBaseInformation__pending"
+}, xe = /* @__PURE__ */ d({
+  __name: "UserSubscriptionBaseInformation",
+  props: {
+    currentVersionName: {
+      default: ""
+    },
+    expireDate: {
+      default: ""
+    },
+    pointsBalance: {},
+    pendingInvoiceTotal: {},
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    canUpgrade: {
+      type: Boolean,
+      default: !1
+    },
+    actionLabel: {
+      default: "升级"
+    }
+  },
+  emits: ["upgradeHandle", "payHandle"],
+  setup(e, {
+    emit: n
+  }) {
+    const r = n;
+    return (t, o) => (a(), l("div", $e, [u("div", Be, [u("div", Me, [o[2] || (o[2] = u("span", {
+      class: "UserSubscriptionBaseInformation__label"
+    }, "当前权益：", -1)), u("span", he, g(e.currentVersionName), 1)]), e.canUpgrade ? (a(), _(s(R), {
+      key: 0,
+      type: "primary",
+      size: "mini",
+      class: "UserSubscriptionBaseInformation__upgrade",
+      loading: e.loading,
+      onClick: o[0] || (o[0] = (p) => r("upgradeHandle"))
+    }, {
+      default: U(() => [B(g(e.actionLabel), 1)]),
+      _: 1
+    }, 8, ["loading"])) : b("", !0)]), e.expireDate ? (a(), l("span", Se, "有效期至: " + g(e.expireDate), 1)) : b("", !0), typeof e.pointsBalance == "number" ? (a(), l("span", Ae, "积分余额: " + g(e.pointsBalance), 1)) : b("", !0), typeof e.pendingInvoiceTotal == "number" && e.pendingInvoiceTotal > 0 ? (a(), l("div", Ce, [o[4] || (o[4] = u("span", {
+      class: "UserSubscriptionBaseInformation__warning"
+    }, " 有待支付账单 ", -1)), f(s(R), {
+      type: "primary",
+      status: "warning",
+      size: "mini",
+      class: "UserSubscriptionBaseInformation__pay",
+      loading: e.loading,
+      onClick: o[1] || (o[1] = (p) => r("payHandle"))
+    }, {
+      default: U(() => [...o[3] || (o[3] = [B(" 去支付 ", -1)])]),
+      _: 1
+    }, 8, ["loading"])])) : b("", !0)]));
+  }
+}), we = /* @__PURE__ */ M(xe, [["__scopeId", "data-v-918efa0e"]]), De = /* @__PURE__ */ d({
+  __name: "UserMenuHeader",
+  props: {
+    showSubscription: {
+      type: Boolean,
+      default: !0
+    },
+    currentVersionName: {
+      default: ""
+    },
+    expireDate: {
+      default: ""
+    },
+    canUpgrade: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const n = e, {
+      userProfile: r
+    } = N(), {
+      openSubscriptions: t
+    } = k(), {
+      entitlement: o,
+      pointsBalance: p,
+      pendingInvoice: i,
+      loading: v,
+      refresh: y
+    } = Z(), h = S(0), I = A(() => o.value), D = A(() => {
+      var m, $;
+      return n.currentVersionName ? n.currentVersionName : ((m = I.value) == null ? void 0 : m.type) === "trial" ? "免费试用" : (($ = I.value) == null ? void 0 : $.productName) || "未订阅";
+    }), c = A(() => {
+      var m;
+      return n.expireDate || ((m = I.value) == null ? void 0 : m.endAt) || "";
+    }), P = A(() => {
+      var m, $;
+      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 ? "订阅" : "";
+    }), X = A(() => n.canUpgrade && !!P.value);
+    function Y() {
+      window.location.assign("/Pricing");
+    }
+    async function q() {
+      const {
+        data: m
+      } = await W.products.listActive.post();
+      h.value = Array.isArray(m) ? m.length : 0;
+    }
+    return G(() => {
+      n.showSubscription && (y(), q());
+    }), (m, $) => {
+      var V, H, O, T, z, E;
+      return a(), l(F, null, [f(Ie, {
+        "avatar-url": (V = s(r)) == null ? void 0 : V.avatarUrl,
+        nickname: (H = s(r)) == null ? void 0 : H.nickname,
+        email: (O = s(r)) == null ? void 0 : O.email,
+        "referrer-id": (T = s(r)) == null ? void 0 : T.referrerId
+      }, null, 8, ["avatar-url", "nickname", "email", "referrer-id"]), e.showSubscription ? (a(), _(we, {
+        key: 0,
+        "current-version-name": D.value,
+        "expire-date": c.value,
+        "points-balance": (z = s(p)) == null ? void 0 : z.totalPoints,
+        "pending-invoice-total": (E = s(i)) == null ? void 0 : E.total,
+        loading: s(v),
+        "can-upgrade": X.value,
+        "action-label": P.value,
+        onUpgradeHandle: Y,
+        onPayHandle: $[0] || ($[0] = (Ye) => s(t)({
+          target: "invoices"
+        }))
+      }, null, 8, ["current-version-name", "expire-date", "points-balance", "pending-invoice-total", "loading", "can-upgrade", "action-label"])) : b("", !0)], 64);
+    };
+  }
+}), Pe = {
+  class: "UserMenu__content"
+}, Re = {
+  class: "UserMenu__header"
+}, Ne = /* @__PURE__ */ d({
+  __name: "UserMenu",
+  props: {
+    position: {
+      default: "br"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  },
+  setup(e) {
+    const {
+      userProfile: n,
+      isLoggedIn: r
+    } = N(), {
+      isOpen: t,
+      setOpen: o
+    } = k(), p = A({
+      get: () => t.value,
+      set: (i) => o(i)
+    });
+    return (i, v) => s(r) ? (a(), _(s(K), {
+      key: 1,
+      "popup-visible": p.value,
+      "onUpdate:popupVisible": v[0] || (v[0] = (y) => p.value = y),
+      class: "UserMenu",
+      position: e.position,
+      "popup-max-height": !1,
+      "popup-style": {
+        "--user-menu-translate-x": e.dropdownOffsetX ?? "0",
+        "--user-menu-translate-y": e.dropdownOffsetY ?? "0"
+      }
+    }, {
+      content: U(() => [u("div", Pe, [u("div", Re, [C(i.$slots, "header", {
+        user: s(n)
+      }, () => [f(De)], !0)]), i.$slots.items ? (a(), _(_e, {
+        key: 0
+      })) : b("", !0), C(i.$slots, "items", {}, void 0, !0)])]),
+      default: U(() => [C(i.$slots, "trigger", {
+        user: s(n)
+      }, () => {
+        var y;
+        return [f(ue, {
+          avatar: (y = s(n)) == null ? void 0 : y.avatarUrl
+        }, null, 8, ["avatar"])];
+      }, !0)]),
+      _: 3
+    }, 8, ["popup-visible", "position", "popup-style"])) : (a(), _(de, {
+      key: 0
+    }));
+  }
+}), pn = /* @__PURE__ */ M(Ne, [["__scopeId", "data-v-bbd2c44f"]]), Ve = ["disabled"], He = {
+  class: "UserMenuItem__label"
+}, Oe = {
+  key: 0,
+  class: "UserMenuItem__icon"
+}, Te = /* @__PURE__ */ d({
+  __name: "UserMenuItem",
+  props: {
+    icon: {
+      default: void 0
+    },
+    danger: {
+      type: Boolean,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["click"],
+  setup(e, {
+    emit: n
+  }) {
+    const r = e, t = n, {
+      close: o
+    } = k();
+    function p(i) {
+      i.stopPropagation(), !r.disabled && (r.closeOnClick && o(), t("click", i));
+    }
+    return (i, v) => (a(), l("button", {
+      type: "button",
+      class: J(["UserMenuItem", {
+        "is-danger": e.danger,
+        "is-disabled": e.disabled
+      }]),
+      disabled: e.disabled,
+      onClick: p
+    }, [u("span", He, [C(i.$slots, "default", {}, void 0, !0)]), i.$slots.icon || e.icon ? (a(), l("span", Oe, [C(i.$slots, "icon", {}, () => [e.icon ? (a(), _(s(j), {
+      key: 0,
+      icon: e.icon,
+      width: 16,
+      height: 16
+    }, null, 8, ["icon"])) : b("", !0)], !0)])) : b("", !0)], 10, Ve));
+  }
+}), w = /* @__PURE__ */ M(Te, [["__scopeId", "data-v-d357ac04"]]), fn = /* @__PURE__ */ d({
+  __name: "UserMenuModals",
+  setup(e) {
+    const {
+      settingTrigger: n,
+      subscriptionsTrigger: r,
+      subscriptionsOptions: t,
+      messagesTrigger: o,
+      feedbackTrigger: p,
+      invitationsTrigger: i
+    } = k(), v = S(null), y = S(null), h = S(null), I = S(null), D = S(null);
+    return x(n, () => {
+      var c;
+      (c = v.value) == null || c.setData(null, !0);
+    }), x(r, () => {
+      var c;
+      (c = y.value) == null || c.setData(t.value, !0);
+    }), x(o, () => {
+      var c;
+      (c = h.value) == null || c.openNotification();
+    }), x(p, () => {
+      var c;
+      (c = I.value) == null || c.setData(!0);
+    }), x(i, () => {
+      var c;
+      (c = D.value) == null || c.setData(!0);
+    }), (c, P) => (a(), l(F, null, [f(te, {
+      ref_key: "appSettingRef",
+      ref: v
+    }, null, 512), f(ee, {
+      ref_key: "paySubsRef",
+      ref: y
+    }, null, 512), f(ae, {
+      ref_key: "messageHandleRef",
+      ref: h
+    }, null, 512), f(se, {
+      ref_key: "feedbackModalRef",
+      ref: I
+    }, null, 512), f(re, {
+      ref_key: "refereesRef",
+      ref: D
+    }, null, 512)], 64));
+  }
+}), ze = {
+  class: "UserAccountMenu"
+}, Ee = {
+  class: "UserAccountMenu__avatar"
+}, Fe = {
+  class: "UserAccountMenu__meta"
+}, Le = {
+  class: "UserAccountMenu__name"
+}, je = {
+  class: "UserAccountMenu__email"
+}, Xe = /* @__PURE__ */ d({
+  __name: "UserAccountMenu",
+  setup(e) {
+    const {
+      userProfile: n
+    } = N(), {
+      toggle: r
+    } = k();
+    return (t, o) => {
+      var p, i;
+      return a(), l("div", ze, [u("div", Ee, [C(t.$slots, "avatar", {}, void 0, !0)]), u("div", Fe, [u("div", Le, g(((p = s(n)) == null ? void 0 : p.nickname) || ""), 1), u("div", je, g(((i = s(n)) == null ? void 0 : i.email) || ""), 1)]), u("div", {
+        class: "UserAccountMenu__arrow",
+        onClick: o[0] || (o[0] = //@ts-ignore
+        (...v) => s(r) && s(r)(...v))
+      }, [f(s(j), {
+        icon: "lucide:chevrons-up-down"
+      })])]);
+    };
+  }
+}), mn = /* @__PURE__ */ M(Xe, [["__scopeId", "data-v-cc0eb033"]]), _n = /* @__PURE__ */ d({
+  __name: "UserMenuMessageItem",
+  setup(e) {
+    const {
+      openMessages: n
+    } = k();
+    return (r, t) => (a(), _(w, {
+      icon: "lucide:chevron-right",
+      onClick: s(n)
+    }, {
+      default: U(() => [...t[0] || (t[0] = [B("消息中心", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), vn = /* @__PURE__ */ d({
+  __name: "UserMenuSettingItem",
+  setup(e) {
+    const {
+      openSetting: n
+    } = k();
+    return (r, t) => (a(), _(w, {
+      icon: "lucide:user-round",
+      onClick: s(n)
+    }, {
+      default: U(() => [...t[0] || (t[0] = [B("用户信息", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), gn = /* @__PURE__ */ d({
+  __name: "UserMenuSubscriptionItem",
+  setup(e) {
+    const {
+      openSubscriptions: n
+    } = k();
+    return (r, t) => (a(), _(w, {
+      icon: "lucide:chevron-right",
+      onClick: t[0] || (t[0] = (o) => s(n)())
+    }, {
+      default: U(() => [...t[1] || (t[1] = [B("订阅信息", -1)])]),
+      _: 1
+    }));
+  }
+}), bn = /* @__PURE__ */ d({
+  __name: "UserMenuFeedbackItem",
+  setup(e) {
+    const {
+      openFeedback: n
+    } = k();
+    return (r, t) => (a(), _(w, {
+      icon: "lucide:chevron-right",
+      onClick: s(n)
+    }, {
+      default: U(() => [...t[0] || (t[0] = [B("系统反馈", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+}), Un = /* @__PURE__ */ d({
+  __name: "UserMenuInvitationsItem",
+  setup(e) {
+    const {
+      openInvitations: n
+    } = k();
+    return (r, t) => (a(), _(w, {
+      icon: "lucide:chevron-right",
+      onClick: s(n)
+    }, {
+      default: U(() => [...t[0] || (t[0] = [B("邀请", -1)])]),
+      _: 1
+    }, 8, ["onClick"]));
+  }
+});
+export {
+  mn as U,
+  bn as _,
+  ue as a,
+  Ie as b,
+  pn as c,
+  _e as d,
+  De as e,
+  Un as f,
+  w as g,
+  _n as h,
+  fn as i,
+  vn as j,
+  gn as k,
+  de as l,
+  we as m
+};