@huyooo/ui 0.10.4 → 0.11.0

package/dist/UserAccountMenu-OdwonGFa.js

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