@huyooo/ui 2.1.4 → 2.1.6

package/dist/types/api/billing.generated.d.ts

@@ -287,7 +287,7 @@ export type Api = {
             };
         };
         summary: {
-            /** 获取当前用户订阅、配额、积分和待支付账单摘要 */
+            /** 获取当前用户订阅快照（产品、价格、权益、配额、积分） */
             post: {
                 return: any;
             };
@@ -3581,7 +3581,7 @@ export interface ApiClient {
             }, config?: RequestConfig) => RequestBuilder<any>;
         };
         summary: {
-            /** 获取当前用户订阅、配额、积分和待支付账单摘要 */
+            /** 获取当前用户订阅快照（产品、价格、权益、配额、积分） */
             post: (config?: RequestConfig) => RequestBuilder<any>;
         };
         userDetail: {

package/dist/types/subscription.d.ts

@@ -0,0 +1,57 @@
+/** 与 billing / profile.subscription 对齐的用户订阅快照 */
+export interface UserSubscriptionSnapshotFeature {
+    key: string;
+    name?: string;
+    description?: string;
+    type: string;
+    value?: boolean | number | string | null;
+    highlight?: boolean;
+}
+export interface UserSubscriptionSnapshotQuota {
+    id: string;
+    featureKey: string;
+    name: string;
+    description?: string;
+    limit: number;
+    used: number;
+    remaining: number;
+    unlimited: boolean;
+    period: string;
+    resetsAt: string | null;
+    percentage: number;
+}
+export interface UserSubscriptionSnapshotEntitlement {
+    kind: 'plan' | 'beta';
+    status: string;
+    startAt: string | null;
+    endAt: string | null;
+    acquiredBy: 'subscribe' | 'free' | 'grant';
+    grantType?: 'backfill' | 'beta' | null;
+    sourceId: string;
+    cancelAtPeriodEnd?: boolean;
+    pendingChange?: Record<string, unknown> | null;
+}
+export interface UserSubscriptionSnapshot {
+    syncedAt: string;
+    product: {
+        id: string;
+        name: string;
+        description?: string | null;
+    } | null;
+    price: {
+        id: string;
+        nickname?: string | null;
+        type: string;
+        interval?: string | null;
+        intervalCount?: number | null;
+        unitAmount?: number | null;
+        currency?: string | null;
+    } | null;
+    entitlement: UserSubscriptionSnapshotEntitlement | null;
+    features: UserSubscriptionSnapshotFeature[];
+    quotas: UserSubscriptionSnapshotQuota[];
+    pointsBalance: {
+        totalPoints: number;
+        updateAt: string | null;
+    } | null;
+}

package/dist/types/user.d.ts

@@ -1,3 +1,4 @@
+import { UserSubscriptionSnapshot } from './subscription';
 export type UserStatusType = 'inactive' | 'normal';
 export interface BaseEntity {
     id: string;
@@ -105,6 +106,8 @@ export interface UserProfileType extends AuditableEntity, UserBaseInfo {
     personalInviteCode: string;
     role: RoleInfo | null;
     permissions: PermissionInfo[];
+    /** 订阅快照（产品 / 价格 / 权益 / 配额） */
+    subscription?: UserSubscriptionSnapshot | null;
     creatorInfo?: OperatorInfo;
     updatorInfo?: OperatorInfo;
 }

package/dist/useAuthkitUsersProfile-D4H_Gxgd.js

@@ -0,0 +1,67 @@
+import { ref as a, computed as i } from "vue";
+import { g as p } from "./apiClients-CWSwNzGk.js";
+import { u as l } from "./useAuthkitAuth-CWHJs8zY.js";
+const e = a(null), n = a(!1), u = a(!1), s = a(!1);
+function v() {
+  s.value = !0;
+}
+function d(t) {
+  return t === 401 || t === 40101;
+}
+const h = i(() => !!e.value), m = i(() => {
+  if (!s.value || !u.value)
+    return "pending";
+  if (e.value)
+    return "authenticated";
+  const {
+    getToken: t
+  } = l();
+  return t() ? "authenticated" : "unauthenticated";
+});
+async function g() {
+  const {
+    getToken: t,
+    clearAuth: f
+  } = l();
+  if (!t()) {
+    e.value = null, u.value = !0;
+    return;
+  }
+  n.value = !0, u.value = !1;
+  const {
+    data: r,
+    error: o
+  } = await p().auth.users.profile.post({
+    meta: {
+      silentError: !0
+    }
+  });
+  if (n.value = !1, r) {
+    if (e.value = r, r.subscription) {
+      const {
+        useBillingSubscriptionSummary: c
+      } = await import("./useBillingSubscriptionSummary-BC3G0N4t.js");
+      c().hydrateFromProfile(r.subscription);
+    }
+  } else d(o == null ? void 0 : o.code) && (e.value = null, console.warn("认证已过期，清除认证状态"), f());
+  u.value = !0;
+}
+function k() {
+  e.value = null, n.value = !1, u.value = !0;
+}
+function b() {
+  return {
+    userProfile: e,
+    loading: n,
+    usersProfileReady: u,
+    authSessionBootstrapped: s,
+    isLoggedIn: h,
+    authSessionState: m,
+    fetchUserProfile: g,
+    clearUserProfile: k,
+    markAuthSessionBootstrapped: v
+  };
+}
+export {
+  b as u
+};

package/dist/useBillingSubscriptionSummary-BC3G0N4t.js

@@ -0,0 +1,43 @@
+import { ref as u, computed as t } from "vue";
+import { g as d } from "./apiClients-CWSwNzGk.js";
+function r() {
+  return {
+    syncedAt: "",
+    product: null,
+    price: null,
+    entitlement: null,
+    features: [],
+    quotas: [],
+    pointsBalance: null
+  };
+}
+const e = u(r()), a = u(!1);
+function B() {
+  const o = t(() => e.value.product), l = t(() => e.value.price), s = t(() => e.value.entitlement), i = t(() => e.value.features), c = t(() => e.value.quotas), f = t(() => e.value.pointsBalance);
+  async function m() {
+    a.value = !0;
+    const {
+      data: n,
+      error: v
+    } = await d().billing.subscriptions.summary.post();
+    a.value = !1, !v && (e.value = n || r());
+  }
+  function p(n) {
+    n && (e.value = n);
+  }
+  return {
+    summary: e,
+    product: o,
+    price: l,
+    entitlement: s,
+    features: i,
+    quotas: c,
+    pointsBalance: f,
+    loading: a,
+    refresh: m,
+    hydrateFromProfile: p
+  };
+}
+export {
+  B as useBillingSubscriptionSummary
+};

package/dist/{useRoutePermission-ZOeRg6Wq.js → useRoutePermission-CGq_LIZM.js}

@@ -1,7 +1,7 @@
 import { computed as g, ref as L, watch as S } from "vue";
 import { useRouter as w, useRoute as C } from "vue-router";
 import { u as k } from "./useAuthkitAppsAuthPageInfo-2izIyMfu.js";
-import { u as M } from "./useAuthkitUsersProfile-DX2PYmdU.js";
+import { u as M } from "./useAuthkitUsersProfile-D4H_Gxgd.js";
 import { u as K } from "./useAuthkitAuth-CWHJs8zY.js";
 function O(e, s = "default") {
   const n = document;

package/dist/useSubscriptionCheckout-3BtQARep.js

@@ -0,0 +1,388 @@
+import { ref as p, computed as q } from "vue";
+import { d as _ } from "./useBillingStatusOptions-C6edto7H.js";
+import { g as $ } from "./apiClients-CWSwNzGk.js";
+/* empty css               */
+import { Message as h } from "@arco-design/web-vue";
+import { u as z } from "./useEnsureAuthenticated-RZ1DflLz.js";
+function D(e) {
+  var u;
+  const i = (u = e == null ? void 0 : e.metadata) == null ? void 0 : u.originalPrice;
+  return typeof i == "number" ? i : void 0;
+}
+function F(e) {
+  const i = D(e);
+  return !e || i === void 0 || i <= e.unitAmount ? 0 : i - e.unitAmount;
+}
+function H(e) {
+  const i = F(e);
+  return i > 0 ? `优惠 ¥${P(i)}` : "";
+}
+function P(e) {
+  return e === void 0 ? 0 : Math.floor(e / 100);
+}
+function J(e, i = 1) {
+  const u = i > 1 ? `每 ${i} ` : "按";
+  switch (e) {
+    case "month":
+      return `${u}月订阅`;
+    case "year":
+      return `${u}年订阅`;
+    case "day":
+      return `${u}天订阅`;
+    case "week":
+      return `${u}周订阅`;
+    default:
+      return "";
+  }
+}
+function W(e) {
+  const i = e != null && e.intervalCount && e.intervalCount > 1 ? `${e.intervalCount} ` : "";
+  switch (e == null ? void 0 : e.interval) {
+    case "month":
+      return `/ ${i}月`;
+    case "year":
+      return `/ ${i}年`;
+    case "day":
+      return `/ ${i}天`;
+    case "week":
+      return `/ ${i}周`;
+    default:
+      return "";
+  }
+}
+function X(e) {
+  const i = (e == null ? void 0 : e.intervalCount) ?? 1;
+  switch (e == null ? void 0 : e.interval) {
+    case "month":
+      return `${i} 个月`;
+    case "year":
+      return `${i} 年`;
+    case "day":
+      return `${i} 天`;
+    case "week":
+      return `${i} 周`;
+    default:
+      return "";
+  }
+}
+function A(e) {
+  switch (e) {
+    case "day":
+      return "每天";
+    case "week":
+      return "每周";
+    case "month":
+      return "每月";
+    case "year":
+      return "每年";
+    case "lifetime":
+      return "不重置";
+    default:
+      return "";
+  }
+}
+function S(e) {
+  if (e.type === "quota" && e.value !== void 0) {
+    const i = A(e.quotaPeriod), u = i ? ` / ${i}` : "";
+    return `${e.name}: ${e.value === -1 ? "无限" : e.value}${u}`;
+  }
+  if (e.type === "unlimited") {
+    const i = A(e.quotaPeriod);
+    return i ? `${e.name}: 不限 / ${i}` : `${e.name}不限`;
+  }
+  return e.type === "boolean" && e.value === !1 ? `${e.name}（不支持）` : e.name;
+}
+function I(e) {
+  return e.type !== "recurring" || !e.interval ? null : {
+    key: `${e.interval}:${e.intervalCount ?? 1}`,
+    interval: e.interval,
+    intervalCount: e.intervalCount ?? 1
+  };
+}
+function Y(e, i) {
+  const u = {
+    day: 1,
+    week: 2,
+    month: 3,
+    year: 4
+  };
+  return u[e.interval] - u[i.interval] || e.intervalCount - i.intervalCount;
+}
+function Z(e, i) {
+  let u = 0;
+  for (const l of e)
+    for (const f of l.prices) {
+      const s = I(f);
+      (s == null ? void 0 : s.key) === i && (u = Math.max(u, F(f)));
+    }
+  return u > 0 ? `最高优惠 ¥${P(u)}` : void 0;
+}
+function ee(e) {
+  return e.includes(":") ? e : `${e}:1`;
+}
+function B() {
+  return !!localStorage.getItem("jwtToken");
+}
+function ae(e = "month") {
+  const i = p([]), u = p(null), l = p(null), f = p(!1), s = p(!1), a = p(ee(e)), m = q(() => {
+    const n = /* @__PURE__ */ new Map();
+    for (const t of i.value)
+      for (const r of t.prices) {
+        const o = I(r);
+        o && n.set(o.key, o);
+      }
+    return [...n.values()].sort(Y).map((t) => ({
+      value: t.key,
+      label: J(t.interval, t.intervalCount),
+      badge: Z(i.value, t.key)
+    }));
+  }), g = q(() => {
+    const n = [];
+    for (const t of i.value) {
+      const r = t.prices.find((c) => {
+        const b = I(c);
+        return (b == null ? void 0 : b.key) === a.value;
+      }), o = t.prices.find((c) => c.type === "free"), d = r ?? (o && t.prices.every((c) => c.type === "free") ? o : void 0);
+      d && n.push({
+        ...t,
+        features: d.features ?? [],
+        selectedPrice: d
+      });
+    }
+    return n;
+  });
+  function x(n) {
+    a.value = n;
+  }
+  function y(n) {
+    const t = u.value, r = l.value;
+    return t != null && t.priceId && n.selectedPrice ? t.priceId === n.selectedPrice.id : t ? t.productId === n.id : r != null && r.priceId && n.selectedPrice ? r.priceId === n.selectedPrice.id : r ? r.productId === n.id : !1;
+  }
+  function C(n) {
+    var t;
+    return ((t = u.value) == null ? void 0 : t.productId) === n.id;
+  }
+  function v(n) {
+    var t;
+    return ((t = n.selectedPrice) == null ? void 0 : t.type) === "free";
+  }
+  function U() {
+    return !!u.value;
+  }
+  function E(n) {
+    return !!(!n.selectedPrice || y(n) || v(n) && U());
+  }
+  function w(n) {
+    var t;
+    return ((t = n.metadata) == null ? void 0 : t.recommended) === !0;
+  }
+  function M(n) {
+    var t;
+    return P((t = n.selectedPrice) == null ? void 0 : t.unitAmount);
+  }
+  function G(n) {
+    const t = D(n.selectedPrice);
+    return t === void 0 ? void 0 : P(t);
+  }
+  function O(n) {
+    return v(n) ? "" : W(n.selectedPrice);
+  }
+  function T(n) {
+    if (v(n)) {
+      const t = X(n.selectedPrice);
+      return t ? `${t}免费体验` : "免费体验";
+    }
+    return H(n.selectedPrice);
+  }
+  function j(n) {
+    const t = [];
+    return y(n) ? t.push({
+      label: "当前方案",
+      type: "current"
+    }) : v(n) ? t.push({
+      label: "免费体验",
+      type: "trial"
+    }) : w(n) && t.push({
+      label: "最受欢迎",
+      type: "recommended"
+    }), t;
+  }
+  function N(n) {
+    const t = u.value;
+    return y(n) ? "当前方案" : v(n) ? t ? "已订阅付费方案" : B() ? "免费开通" : "免费注册" : t ? C(n) ? "切换周期" : typeof t.unitAmount == "number" && n.selectedPrice.unitAmount > t.unitAmount ? "升级方案" : "切换方案" : "立即订阅";
+  }
+  function R(n, t) {
+    const r = n.features.find((o) => o.type === "quota" && o.value !== void 0);
+    if (r) {
+      const o = A(r.quotaPeriod), d = r.value === -1 ? "不限量" : r.value;
+      return `${r.name} ${o ? `${d} / ${o}` : d}，覆盖核心使用场景。`;
+    }
+    return v(n) ? "注册后自动开通免费权益，适合先体验核心能力。" : t === 1 ? "为正式团队准备的高配能力组合。" : "包含入门所需的核心能力。";
+  }
+  function K(n) {
+    return n.filter((t) => t.highlight !== !1).map((t) => ({
+      title: S(t),
+      description: t.description || ""
+    }));
+  }
+  function Q(n) {
+    const t = n.filter((c) => c.highlight !== !1), r = t.filter((c) => c.type === "quota" || c.type === "unlimited").map((c) => ({
+      title: S(c),
+      description: c.description || ""
+    })), o = t.filter((c) => c.type === "boolean" && c.value !== !1).map((c) => ({
+      title: c.name,
+      description: c.description || ""
+    })), d = [];
+    return o.length && d.push({
+      title: "功能特性",
+      items: o
+    }), r.length && d.push({
+      title: "用量配额",
+      items: r
+    }), d;
+  }
+  async function k() {
+    f.value = !0;
+    const {
+      data: n,
+      error: t
+    } = await _.productOptions();
+    if (f.value = !1, t)
+      return;
+    i.value = Array.isArray(n) ? n : [], !m.value.some((o) => o.value === a.value) && m.value[0] && (a.value = m.value[0].value);
+  }
+  async function L() {
+    var o;
+    if (!B()) {
+      u.value = null, l.value = null;
+      return;
+    }
+    s.value = !0;
+    const {
+      data: n,
+      error: t
+    } = await $().billing.subscriptions.summary.post();
+    if (s.value = !1, t)
+      return;
+    const r = n;
+    if (!(r != null && r.entitlement) || !r.product) {
+      u.value = null, l.value = null;
+      return;
+    }
+    if (r.entitlement.acquiredBy === "subscribe" && r.price) {
+      u.value = {
+        id: r.entitlement.sourceId,
+        productId: r.product.id,
+        productName: r.product.name,
+        priceId: r.price.id,
+        interval: r.price.interval || void 0,
+        intervalCount: r.price.intervalCount || void 0,
+        unitAmount: r.price.unitAmount || void 0,
+        currency: r.price.currency || void 0,
+        status: r.entitlement.status,
+        currentPeriodStart: r.entitlement.startAt || void 0,
+        currentPeriodEnd: r.entitlement.endAt,
+        cancelAtPeriodEnd: !!r.entitlement.cancelAtPeriodEnd,
+        pendingChange: r.entitlement.pendingChange || null,
+        trialEnd: null
+      }, l.value = null;
+      return;
+    }
+    u.value = null, l.value = {
+      id: r.entitlement.sourceId,
+      productId: r.product.id,
+      productName: r.product.name,
+      priceId: (o = r.price) == null ? void 0 : o.id,
+      status: r.entitlement.status,
+      startAt: r.entitlement.startAt,
+      endAt: r.entitlement.endAt
+    };
+  }
+  async function V() {
+    await Promise.all([k(), L()]);
+  }
+  return {
+    products: i,
+    plans: g,
+    currentSubscription: u,
+    currentTrial: l,
+    listLoading: f,
+    currentLoading: s,
+    billingInterval: a,
+    billingIntervalTabs: m,
+    setBillingInterval: x,
+    isCurrentPlan: y,
+    isSameProduct: C,
+    isRecommendedPlan: w,
+    isFreePlan: v,
+    isPlanActionDisabled: E,
+    getDisplayPrice: M,
+    getDisplayOriginalPrice: G,
+    getDisplayCycle: O,
+    getPromotionLabel: T,
+    getBadgeLabels: j,
+    getButtonLabel: N,
+    getPlanSummary: R,
+    getFeatureItems: K,
+    getFeatureGroups: Q,
+    loadProducts: k,
+    loadCurrentSubscription: L,
+    refresh: V
+  };
+}
+function te(e) {
+  window.open(e, "_blank", "noopener,noreferrer");
+}
+function ne(e) {
+  return e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "";
+}
+function re(e) {
+  return e && typeof e == "object" && "alipayUrl" in e && typeof e.alipayUrl == "string" ? e.alipayUrl : "";
+}
+function de(e) {
+  const i = p(null), {
+    ensureAuthenticated: u
+  } = z();
+  async function l(s) {
+    if (!s.selectedPrice) {
+      h.warning("当前方案暂无可购买价格");
+      return;
+    }
+    if (!u(() => l(s))) return;
+    const a = e.currentSubscription.value;
+    if ((a == null ? void 0 : a.priceId) === s.selectedPrice.id) {
+      h.info("当前已经是该方案");
+      return;
+    }
+    if (s.selectedPrice.type === "free")
+      return;
+    i.value = s.id;
+    const m = a ? await $().billing.subscriptions.change.post({
+      subscriptionId: a.id,
+      newPriceId: s.selectedPrice.id,
+      proration: !0
+    }) : await $().billing.subscriptions.create.post({
+      priceId: s.selectedPrice.id
+    });
+    if (i.value = null, m.error)
+      return;
+    const g = re(m.data);
+    if (g) {
+      te(g);
+      return;
+    }
+    h.success(ne(m.data) || "订阅已更新"), await e.refreshCurrentSubscription();
+  }
+  function f(s) {
+    return i.value === s.id;
+  }
+  return {
+    checkoutPlanId: i,
+    checkout: l,
+    isCheckingOut: f
+  };
+}
+export {
+  de as a,
+  ae as u
+};

package/dist/user.js

@@ -1,4 +1,4 @@
-import { U as a, a as n, b as r, c as t, d as U, _ as u, e as i, f as M, g as o, h as m, i as I, j as c, k as d, l as b, m as f } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-COM36ViG.js";
+import { U as a, a as n, b as r, c as t, d as U, _ as u, e as i, f as M, g as o, h as m, i as I, j as c, k as d, l as b, m as f } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-DbkGYZ2f.js";
 export {
   a as UserAccountMenu,
   n as UserAvatar,

package/dist/utils/subscriptionDisplay.d.ts

@@ -1,7 +1,7 @@
-import { BillingSubscriptionSummaryEntitlement } from '../composables/Billing/useBillingSubscriptionSummary';
+import { UserSubscriptionSnapshotEntitlement } from '../types/subscription';
 /** 菜单/弹窗统一的订阅主操作文案 */
-export declare function getSubscriptionActionLabel(entitlement: BillingSubscriptionSummaryEntitlement | null | undefined, paidProductCount: number): "" | "升级" | "修改订阅" | "订阅" | "查看价格方案";
-export declare function shouldShowSubscriptionAction(entitlement: BillingSubscriptionSummaryEntitlement | null | undefined, paidProductCount: number, canUpgrade?: boolean): boolean;
-export declare function getEntitlementDisplayName(entitlement: BillingSubscriptionSummaryEntitlement | null | undefined): string;
-/** 权益/订阅到期时间标签（trial 统一为权益有效期，不再区分试用文案） */
-export declare function getEntitlementEndAtLabel(entitlement: Pick<BillingSubscriptionSummaryEntitlement, "type"> | null | undefined): "当前周期结束" | "权益有效期至";
+export declare function getSubscriptionActionLabel(entitlement: UserSubscriptionSnapshotEntitlement | null | undefined, paidProductCount: number): "" | "订阅" | "查看价格方案" | "修改订阅" | "升级";
+export declare function shouldShowSubscriptionAction(entitlement: UserSubscriptionSnapshotEntitlement | null | undefined, paidProductCount: number, canUpgrade?: boolean): boolean;
+export declare function getEntitlementDisplayName(entitlement: UserSubscriptionSnapshotEntitlement | null | undefined, productName?: string | null): string;
+/** 权益/订阅到期时间标签 */
+export declare function getEntitlementEndAtLabel(entitlement: UserSubscriptionSnapshotEntitlement | null | undefined): "当前周期结束" | "权益有效期至";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/ui",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "private": false,
   "type": "module",
   "files": [