@huyooo/ui 0.4.89 → 0.5.0

package/dist/UserPanel-C1NGdsFk.js

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