@huyooo/ui 0.5.15 → 0.5.18

package/dist/UserAccountMenu-Bosjhh3l.js

@@ -0,0 +1,613 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { defineComponent as b, createElementBlock as v, openBlock as u, normalizeStyle as E, normalizeClass as K, createElementVNode as d, computed as B, createBlock as _, createCommentVNode as P, createVNode as s, unref as n, withCtx as l, createTextVNode as k, toDisplayString as S, mergeModels as D, useModel as T, renderSlot as W, ref as p, Fragment as be } from "vue";
+import { Tag as Ce, Button as X, Avatar as Y, Dropdown as $e, Divider as G, Doption as C } from "@arco-design/web-vue";
+import { S as we } from "./PaySubscriptions-CnPLduJz.js";
+import { R as Ie } from "./ReferrerReferees-B3Ek3gAn.js";
+import { a as N, u as he } from "./useAuthkitUsersProfile-zbKT0W_h.js";
+import { u as Ue } from "./useAuthkitAuthModal-BpOmabWi.js";
+import { g as q } from "./globalConfig-C1YOJcxa.js";
+import { c as Ae, A as Me } from "./AuthkitAuthModal-CPyOF0SH.js";
+import { d as xe } from "./FeedbackModal-5C17AhkV.js";
+import { M as Be } from "./MessageHandle-thVNUp0p.js";
+/* empty css               */
+/* empty css               */
+import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+/* empty css               */
+import { I as U } from "./index-Cr5RQSnA.js";
+import { _ as J, g as Q, i as Z } from "./plugin-vue_export-helper-LjDO2Zua.js";
+import { Icon as De } from "@iconify/vue";
+const Pe = b({
+  name: "IconExport",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const o = Q("icon"), i = B(() => [o, `${o}-export`, {
+      [`${o}-spin`]: e.spin
+    }]), c = B(() => {
+      const r = {};
+      return e.size && (r.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+    });
+    return {
+      cls: i,
+      innerStyle: c,
+      onClick: (r) => {
+        t("click", r);
+      }
+    };
+  }
+}), Ve = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Re(e, t, o, i, c, f) {
+  return u(), v("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: K(e.cls),
+    style: E(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, t[1] || (t[1] = [d("path", {
+    d: "M31.928 33.072 41 24.002l-9.072-9.072M16.858 24h24M31 41H7V7h24"
+  }, null, -1)]), 14, Ve);
+}
+var R = /* @__PURE__ */ J(Pe, [["render", Re]]);
+const ze = Object.assign(R, {
+  install: (e, t) => {
+    var o;
+    const i = (o = t == null ? void 0 : t.iconPrefix) != null ? o : "";
+    e.component(i + R.name, R);
+  }
+}), Ne = b({
+  name: "IconLaunch",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, {
+    emit: t
+  }) {
+    const o = Q("icon"), i = B(() => [o, `${o}-launch`, {
+      [`${o}-spin`]: e.spin
+    }]), c = B(() => {
+      const r = {};
+      return e.size && (r.fontSize = Z(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+    });
+    return {
+      cls: i,
+      innerStyle: c,
+      onClick: (r) => {
+        t("click", r);
+      }
+    };
+  }
+}), Le = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function Oe(e, t, o, i, c, f) {
+  return u(), v("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    stroke: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: K(e.cls),
+    style: E(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, t[1] || (t[1] = [d("path", {
+    d: "M41 26v14a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h14M19.822 28.178 39.899 8.1M41 20V7H28"
+  }, null, -1)]), 14, Le);
+}
+var z = /* @__PURE__ */ J(Ne, [["render", Oe]]);
+const je = Object.assign(z, {
+  install: (e, t) => {
+    var o;
+    const i = (o = t == null ? void 0 : t.iconPrefix) != null ? o : "";
+    e.component(i + z.name, z);
+  }
+}), He = {
+  class: "pricing"
+}, Fe = {
+  class: "base"
+}, qe = {
+  class: "pricingInfo"
+}, Ee = /* @__PURE__ */ b({
+  __name: "UserSubscriptionBaseInformation",
+  props: {
+    currentVersionName: {
+      type: String,
+      required: !0
+    },
+    expireDate: {
+      type: String,
+      required: !0
+    },
+    canUpgrade: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: ["upgradeHandle"],
+  setup(e, {
+    emit: t
+  }) {
+    const o = e, i = t;
+    function c() {
+      i("upgradeHandle");
+    }
+    return (f, r) => (u(), v("div", He, [d("div", Fe, [d("div", qe, [r[0] || (r[0] = d("span", null, "我的订阅：", -1)), s(n(Ce), {
+      color: "arcoblue",
+      style: {
+        "border-radius": "6px"
+      }
+    }, {
+      default: l(() => [k(S(o.currentVersionName), 1)]),
+      _: 1
+    })]), o.canUpgrade ? (u(), _(n(X), {
+      key: 0,
+      type: "primary",
+      size: "mini",
+      class: "updatePricing",
+      onClick: c
+    }, {
+      default: l(() => [...r[1] || (r[1] = [k(" 升级 ", -1)])]),
+      _: 1
+    })) : P("", !0)]), d("span", null, "有效期至: " + S(o.expireDate), 1)]));
+  }
+}), Ke = /* @__PURE__ */ I(Ee, [["__scopeId", "data-v-1e32fa72"]]), Te = {
+  class: "userInfo"
+}, We = {
+  key: 0,
+  class: "userName"
+}, Xe = /* @__PURE__ */ b({
+  __name: "UserAvatar",
+  props: {
+    nickname: {
+      type: String,
+      default: ""
+    },
+    avatar: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (o, i) => (u(), v("div", Te, [t.nickname ? (u(), v("span", We, S(t.nickname), 1)) : P("", !0), s(n(Y), {
+      "image-url": t.avatar,
+      size: 32,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"])]));
+  }
+}), Ye = /* @__PURE__ */ I(Xe, [["__scopeId", "data-v-36643afe"]]), Ge = {
+  class: "userInfo"
+}, Je = {
+  class: "extra"
+}, Qe = {
+  class: "userName"
+}, Ze = {
+  class: "email"
+}, et = {
+  key: 0,
+  class: "referrerId"
+}, tt = /* @__PURE__ */ b({
+  __name: "UserBasicInformation",
+  props: {
+    nickname: {
+      type: String,
+      default: ""
+    },
+    email: {
+      type: String,
+      default: ""
+    },
+    avatarUrl: {
+      type: String,
+      default: ""
+    },
+    referrerId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (o, i) => (u(), v("div", Ge, [s(n(Y), {
+      "image-url": t.avatarUrl,
+      size: 42,
+      "object-fit": "cover"
+    }, null, 8, ["image-url"]), d("div", Je, [d("span", Qe, S(t.nickname), 1), d("span", Ze, S(t.email), 1), t.referrerId ? (u(), v("span", et, " 邀请码：" + S(t.referrerId), 1)) : P("", !0)])]));
+  }
+}), ot = /* @__PURE__ */ I(tt, [["__scopeId", "data-v-367449da"]]), nt = {
+  class: "dropdownContent"
+}, rt = {
+  class: "header"
+}, st = /* @__PURE__ */ b({
+  __name: "UserButton",
+  props: /* @__PURE__ */ D({
+    position: {
+      default: "bl"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  }, {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ D(["enterSystem", "toSignIn"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const o = e, i = t, {
+      userProfile: c,
+      isLoggedIn: f
+    } = N();
+    function r() {
+      i("toSignIn");
+    }
+    const g = T(e, "modelValue");
+    return ($, m) => n(f) ? (u(), _(n($e), {
+      key: 1,
+      popupVisible: g.value,
+      "onUpdate:popupVisible": m[0] || (m[0] = (y) => g.value = y),
+      class: "DropdownUserInfo",
+      position: o.position,
+      "popup-style": {
+        "--dropdown-translate-x": o.dropdownOffsetX ?? "0",
+        "--dropdown-translate-y": o.dropdownOffsetY ?? "0"
+      }
+    }, {
+      content: l(() => {
+        var y, A, M, h;
+        return [d("div", nt, [d("div", rt, [s(ot, {
+          "avatar-url": (y = n(c)) == null ? void 0 : y.avatarUrl,
+          nickname: (A = n(c)) == null ? void 0 : A.nickname,
+          email: (M = n(c)) == null ? void 0 : M.email,
+          "referrer-id": (h = n(c)) == null ? void 0 : h.referrerId
+        }, null, 8, ["avatar-url", "nickname", "email", "referrer-id"]), s(Ke, {
+          currentVersionName: "免费版本",
+          "expire-date": "2025-01-01",
+          "can-upgrade": !0
+        })]), s(n(G), {
+          style: {
+            margin: "10px 0px"
+          }
+        }), W($.$slots, "DoptionList", {}, void 0, !0)])];
+      }),
+      default: l(() => {
+        var y;
+        return [s(Ye, {
+          avatar: (y = n(c)) == null ? void 0 : y.avatarUrl
+        }, null, 8, ["avatar"])];
+      }),
+      _: 3
+    }, 8, ["popupVisible", "position", "popup-style"])) : (u(), _(n(X), {
+      key: 0,
+      type: "primary",
+      class: "handle",
+      onClick: r
+    }, {
+      default: l(() => [...m[1] || (m[1] = [k(" 登陆 ", -1)])]),
+      _: 1
+    }));
+  }
+}), it = /* @__PURE__ */ I(st, [["__scopeId", "data-v-ba98c4bf"]]), at = {
+  class: "UserPanel"
+}, lt = /* @__PURE__ */ b({
+  __name: "UserPanel",
+  props: /* @__PURE__ */ D({
+    position: {
+      default: "br"
+    },
+    dropdownOffsetX: {
+      default: "0"
+    },
+    dropdownOffsetY: {
+      default: "0"
+    }
+  }, {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ D(["toHomePage", "signOut", "signIn"], ["update:modelValue"]),
+  setup(e, {
+    emit: t
+  }) {
+    const o = e, i = p(), c = p(), f = p(Symbol("key")), r = t, {
+      fetchUserProfile: g,
+      clearUserProfile: $,
+      isLoggedIn: m
+    } = N(), {
+      addSignInCallback: y,
+      initializeAuth: A,
+      clearAuth: M
+    } = he();
+    A() && g();
+    const h = p(), L = p(Symbol("key")), O = p(), j = p(), ee = p(Symbol("key")), te = p(), oe = p(Symbol("key"));
+    function ne(F) {
+      const a = `https://ones.huyooo.com/AboutUsDetails?type=privacyPolicy&appId=${q.appId}`;
+      window.open(a, "_blank");
+    }
+    function re(F) {
+      const a = `https://ones.huyooo.com/AboutUsDetails?type=userServiceAgreement&appId=${q.appId}`;
+      window.open(a, "_blank");
+    }
+    const {
+      show: se
+    } = Ue(), H = T(e, "modelValue");
+    function ie() {
+      L.value = Symbol("key");
+    }
+    const V = p(), x = p(Symbol("key"));
+    function ae() {
+      x.value = Symbol("key");
+    }
+    function le() {
+      x.value = Symbol("key");
+    }
+    function w() {
+      se.value = !0, r("signIn");
+    }
+    y(() => {
+      g();
+    });
+    function ue() {
+      f.value = Symbol("key");
+    }
+    function ce() {
+      c.value.show = !1;
+    }
+    function de() {
+      x.value = Symbol("key");
+    }
+    function pe() {
+      V.value.setData(null, !0);
+    }
+    function fe() {
+      if (!m.value) {
+        w();
+        return;
+      }
+      V.value.setData(null, !0);
+    }
+    function me() {
+      if (!m.value) {
+        w();
+        return;
+      }
+      O.value.openNotification();
+    }
+    function ke() {
+      if (!m.value) {
+        w();
+        return;
+      }
+      j.value.setData(null, !0);
+    }
+    function ve() {
+      if (!m.value) {
+        w();
+        return;
+      }
+      i.value.setData(!0);
+    }
+    function ye() {
+      if (!m.value) {
+        w();
+        return;
+      }
+      h.value.setData(!0);
+    }
+    function ge() {
+      r("toHomePage");
+    }
+    async function _e() {
+      $(), M(), r("signOut");
+    }
+    return (F, a) => (u(), v("div", at, [s(it, {
+      modelValue: H.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (Se) => H.value = Se),
+      position: o.position,
+      "dropdown-offset-x": o.dropdownOffsetX,
+      "dropdown-offset-y": o.dropdownOffsetY,
+      onToSignIn: w
+    }, {
+      DoptionList: l(() => [s(n(C), {
+        value: "messages",
+        class: "Doption",
+        onClick: me
+      }, {
+        icon: l(() => [...a[1] || (a[1] = [k("消息中心", -1)])]),
+        default: l(() => [s(n(U))]),
+        _: 1
+      }), s(n(C), {
+        value: "setting",
+        class: "Doption",
+        onClick: fe
+      }, {
+        icon: l(() => [...a[2] || (a[2] = [k("系统设置 ", -1)])]),
+        default: l(() => [s(n(U))]),
+        _: 1
+      }), s(n(C), {
+        value: "subscription",
+        class: "Doption",
+        onClick: ke
+      }, {
+        icon: l(() => [...a[3] || (a[3] = [k("订阅信息 ", -1)])]),
+        default: l(() => [s(n(U))]),
+        _: 1
+      }), s(n(C), {
+        value: "feedBack",
+        class: "Doption",
+        onClick: ve
+      }, {
+        icon: l(() => [...a[4] || (a[4] = [k("系统反馈 ", -1)])]),
+        default: l(() => [s(n(U))]),
+        _: 1
+      }), s(n(C), {
+        value: "invitations",
+        class: "Doption",
+        onClick: ye
+      }, {
+        icon: l(() => [...a[5] || (a[5] = [k("邀请 ", -1)])]),
+        default: l(() => [s(n(U))]),
+        _: 1
+      }), s(n(G), {
+        style: {
+          margin: "10px 0px"
+        }
+      }), s(n(C), {
+        value: "homePage",
+        class: "Doption",
+        onClick: ge
+      }, {
+        icon: l(() => [...a[6] || (a[6] = [k("主页 ", -1)])]),
+        default: l(() => [s(n(je))]),
+        _: 1
+      }), s(n(C), {
+        value: "signOut",
+        class: "Doption",
+        onClick: _e
+      }, {
+        icon: l(() => [...a[7] || (a[7] = [k("退出登陆 ", -1)])]),
+        default: l(() => [s(n(ze))]),
+        _: 1
+      })]),
+      _: 1
+    }, 8, ["modelValue", "position", "dropdown-offset-x", "dropdown-offset-y"]), (u(), _(Ae, {
+      ref_key: "AuthModalRef",
+      ref: te,
+      key: oe.value,
+      size: "large",
+      onToPrivacyPolicy: ne,
+      onToUserServiceAgreement: re
+    })), n(m) ? (u(), v(be, {
+      key: 0
+    }, [(u(), _(Me, {
+      ref_key: "AppSettingRef",
+      ref: V,
+      key: x.value,
+      onConfirm: pe,
+      onCancel: de
+    })), (u(), _(Ie, {
+      ref_key: "RefereesRef",
+      ref: h,
+      key: L.value,
+      onCancel: ie
+    })), (u(), _(we, {
+      ref_key: "SubscriptionsRef",
+      ref: j,
+      key: ee.value,
+      title: "订阅详情",
+      onConfirm: ae,
+      onCancel: le
+    })), s(Be, {
+      ref_key: "MessageHandleRef",
+      ref: O
+    }, null, 512), (u(), _(xe, {
+      ref_key: "FeedBackModalRef",
+      ref: i,
+      key: f.value,
+      onConfirm: ce,
+      onCancel: ue
+    }))], 64)) : P("", !0)]));
+  }
+}), zt = /* @__PURE__ */ I(lt, [["__scopeId", "data-v-9bfab947"]]), ut = {
+  class: "UserAccountMenu"
+}, ct = {
+  class: "avatar"
+}, dt = {
+  class: "meta"
+}, pt = {
+  class: "name"
+}, ft = {
+  class: "email"
+}, mt = /* @__PURE__ */ b({
+  __name: "UserAccountMenu",
+  emits: ["arrowClick"],
+  setup(e, {
+    emit: t
+  }) {
+    const {
+      userProfile: o
+    } = N(), i = t;
+    function c() {
+      i("arrowClick");
+    }
+    return (f, r) => {
+      var g, $;
+      return u(), v("div", ut, [d("div", ct, [W(f.$slots, "avatar", {}, void 0, !0)]), d("div", dt, [d("div", pt, S(((g = n(o)) == null ? void 0 : g.nickname) || ""), 1), d("div", ft, S((($ = n(o)) == null ? void 0 : $.email) || ""), 1)]), d("div", {
+        class: "arrow",
+        onClick: c
+      }, [s(n(De), {
+        icon: "lucide:chevrons-up-down"
+      })])]);
+    };
+  }
+}), Nt = /* @__PURE__ */ I(mt, [["__scopeId", "data-v-b801e222"]]);
+export {
+  Ke as S,
+  Ye as U,
+  ot as a,
+  it as b,
+  zt as c,
+  Nt as d
+};