@huyooo/ui 0.4.56 → 0.4.58

package/dist/user.d.ts

@@ -3,4 +3,5 @@ export { default as UserAvatar } from './components/User/UserAvatar.vue';
 export { default as UserBasicInformation } from './components/User/UserBasicInformation.vue';
 export { default as UserButton } from './components/User/UserButton.vue';
 export { default as UserPanel } from './components/User/UserPanel.vue';
+export { default as UserAccountMenu } from './components/User/UserAccountMenu.vue';
 export type * from './types/users';

package/dist/user.js

@@ -1,5 +1,7 @@
-import { b as r, c as e, a as o, U as n, S as t } from "./UserPanel-BgTodw-_.js";
+import { b as r, c as e, a as o, U as n, S as t } from "./UserPanel-02AaOgsx.js";
+import { U as c } from "./UserAccountMenu-Cc_HoQTG.js";
 export {
+  c as UserAccountMenu,
   r as UserAvatar,
   e as UserBasicInformation,
   o as UserButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/ui",
-  "version": "0.4.56",
+  "version": "0.4.58",
   "private": false,
   "type": "module",
   "files": [
@@ -75,13 +75,13 @@
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@arco-design/web-vue": "^2.56.3",
+    "@arco-design/web-vue": ">=2.56.3",
     "@huyooo/api": "*",
-    "@huyooo/vue-tiptap": "^0.3.25",
-    "@iconify/vue": "^4.1.2",
-    "@vueuse/core": "^11.3.0",
-    "ant-design-x-vue": "^1.2.6",
-    "vue": "^3.4.37"
+    "@huyooo/vue-tiptap": ">=0.3.25",
+    "@iconify/vue": ">=4.1.2",
+    "@vueuse/core": ">=11.3.0",
+    "ant-design-x-vue": ">=1.2.6",
+    "vue": ">=3.4.37"
   },
   "dependencies": {
     "cos-js-sdk-v5": "^1.10.1",

package/dist/UserPanel-BgTodw-_.js

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