@huyooo/ui 0.11.2 → 0.11.5

package/dist/composables/Billing/useBillingPlans.d.ts

@@ -0,0 +1,201 @@
+export type BillingInterval = "day" | "week" | "month" | "year";
+export type BillingIntervalKey = `${BillingInterval}:${number}`;
+export type BillingQuotaPeriod = "day" | "week" | "month" | "year" | "lifetime";
+export interface BillingProductFeature {
+    key: string;
+    name: string;
+    description?: string;
+    type: "boolean" | "quota" | "unlimited";
+    value?: boolean | number;
+    highlight?: boolean;
+    quotaPeriod?: BillingQuotaPeriod;
+}
+export interface BillingPrice {
+    id: string;
+    type: "free" | "one_time" | "recurring";
+    currency: string;
+    unitAmount: number;
+    interval?: "day" | "week" | BillingInterval;
+    intervalCount?: number;
+    trialPeriodDays?: number;
+    metadata?: Record<string, unknown>;
+    features?: BillingProductFeature[];
+}
+export interface BillingProduct {
+    id: string;
+    name: string;
+    description?: string;
+    features: BillingProductFeature[];
+    metadata?: Record<string, unknown>;
+    displayOrder?: number;
+    prices: BillingPrice[];
+}
+export interface BillingPlan extends BillingProduct {
+    selectedPrice: BillingPrice;
+}
+export interface BillingSubscription {
+    id: string;
+    productId: string;
+    productName: string;
+    priceId?: string;
+    interval?: string;
+    intervalCount?: number;
+    unitAmount?: number;
+    currency?: string;
+    status: string;
+    currentPeriodStart?: string;
+    currentPeriodEnd: string | null;
+    cancelAtPeriodEnd: boolean;
+    trialStart?: string | null;
+    trialEnd: string | null;
+    canceledAt?: string | null;
+    endedAt?: string | null;
+    createAt?: string;
+}
+export interface BillingFeatureItem {
+    title: string;
+    description: string;
+}
+export interface BillingFeatureGroup {
+    title: string;
+    items: BillingFeatureItem[];
+}
+export interface BillingIntervalTab {
+    value: BillingIntervalKey;
+    label: string;
+    badge?: string;
+}
+export interface BillingPlanBadge {
+    label: string;
+    type: "current" | "recommended" | "trial";
+}
+export declare function useBillingPlans(defaultInterval?: BillingInterval | BillingIntervalKey): {
+    products: import('vue').Ref<{
+        id: string;
+        name: string;
+        description?: string | undefined;
+        features: {
+            key: string;
+            name: string;
+            description?: string | undefined;
+            type: "boolean" | "quota" | "unlimited";
+            value?: boolean | number | undefined;
+            highlight?: boolean | undefined;
+            quotaPeriod?: BillingQuotaPeriod | undefined;
+        }[];
+        metadata?: Record<string, unknown> | undefined;
+        displayOrder?: number | undefined;
+        prices: {
+            id: string;
+            type: "free" | "one_time" | "recurring";
+            currency: string;
+            unitAmount: number;
+            interval?: ("day" | "week" | BillingInterval) | undefined;
+            intervalCount?: number | undefined;
+            trialPeriodDays?: number | undefined;
+            metadata?: Record<string, unknown> | undefined;
+            features?: {
+                key: string;
+                name: string;
+                description?: string | undefined;
+                type: "boolean" | "quota" | "unlimited";
+                value?: boolean | number | undefined;
+                highlight?: boolean | undefined;
+                quotaPeriod?: BillingQuotaPeriod | undefined;
+            }[] | undefined;
+        }[];
+    }[], BillingProduct[] | {
+        id: string;
+        name: string;
+        description?: string | undefined;
+        features: {
+            key: string;
+            name: string;
+            description?: string | undefined;
+            type: "boolean" | "quota" | "unlimited";
+            value?: boolean | number | undefined;
+            highlight?: boolean | undefined;
+            quotaPeriod?: BillingQuotaPeriod | undefined;
+        }[];
+        metadata?: Record<string, unknown> | undefined;
+        displayOrder?: number | undefined;
+        prices: {
+            id: string;
+            type: "free" | "one_time" | "recurring";
+            currency: string;
+            unitAmount: number;
+            interval?: ("day" | "week" | BillingInterval) | undefined;
+            intervalCount?: number | undefined;
+            trialPeriodDays?: number | undefined;
+            metadata?: Record<string, unknown> | undefined;
+            features?: {
+                key: string;
+                name: string;
+                description?: string | undefined;
+                type: "boolean" | "quota" | "unlimited";
+                value?: boolean | number | undefined;
+                highlight?: boolean | undefined;
+                quotaPeriod?: BillingQuotaPeriod | undefined;
+            }[] | undefined;
+        }[];
+    }[]>;
+    plans: import('vue').ComputedRef<BillingPlan[]>;
+    currentSubscription: import('vue').Ref<{
+        id: string;
+        productId: string;
+        productName: string;
+        priceId?: string | undefined;
+        interval?: string | undefined;
+        intervalCount?: number | undefined;
+        unitAmount?: number | undefined;
+        currency?: string | undefined;
+        status: string;
+        currentPeriodStart?: string | undefined;
+        currentPeriodEnd: string | null;
+        cancelAtPeriodEnd: boolean;
+        trialStart?: string | null | undefined;
+        trialEnd: string | null;
+        canceledAt?: string | null | undefined;
+        endedAt?: string | null | undefined;
+        createAt?: string | undefined;
+    } | null, BillingSubscription | {
+        id: string;
+        productId: string;
+        productName: string;
+        priceId?: string | undefined;
+        interval?: string | undefined;
+        intervalCount?: number | undefined;
+        unitAmount?: number | undefined;
+        currency?: string | undefined;
+        status: string;
+        currentPeriodStart?: string | undefined;
+        currentPeriodEnd: string | null;
+        cancelAtPeriodEnd: boolean;
+        trialStart?: string | null | undefined;
+        trialEnd: string | null;
+        canceledAt?: string | null | undefined;
+        endedAt?: string | null | undefined;
+        createAt?: string | undefined;
+    } | null>;
+    listLoading: import('vue').Ref<boolean, boolean>;
+    currentLoading: import('vue').Ref<boolean, boolean>;
+    billingInterval: import('vue').Ref<`day:${number}` | `month:${number}` | `year:${number}` | `week:${number}`, `day:${number}` | `month:${number}` | `year:${number}` | `week:${number}`>;
+    billingIntervalTabs: import('vue').ComputedRef<BillingIntervalTab[]>;
+    setBillingInterval: (value: BillingIntervalKey) => void;
+    isCurrentPlan: (plan: BillingPlan) => boolean;
+    isSameProduct: (plan: BillingPlan) => boolean;
+    isRecommendedPlan: (plan: BillingPlan) => boolean;
+    getDisplayPrice: (plan: BillingPlan) => number;
+    getDisplayOriginalPrice: (plan: BillingPlan) => number | undefined;
+    getDisplayCycle: (plan: BillingPlan) => string;
+    getPromotionLabel: (plan: BillingPlan) => string;
+    getBadgeLabel: (plan: BillingPlan) => "" | "当前方案" | "最受欢迎";
+    getBadgeLabels: (plan: BillingPlan) => BillingPlanBadge[];
+    getButtonLabel: (plan: BillingPlan) => "当前方案" | "立即订阅" | "切换周期" | "升级方案" | "切换方案";
+    getPlanSummary: (plan: BillingPlan, index: number) => string;
+    getFeatureItems: (features: BillingProductFeature[]) => BillingFeatureItem[];
+    getFeatureGroups: (features: BillingProductFeature[]) => BillingFeatureGroup[];
+    loadProducts: () => Promise<void>;
+    loadCurrentSubscription: () => Promise<void>;
+    refresh: () => Promise<void>;
+};

package/dist/composables/Billing/useBillingSubscriptionSummary.d.ts

@@ -0,0 +1,280 @@
+export interface BillingSubscriptionSummaryCurrent {
+    id: string;
+    productId: string;
+    productName: string;
+    priceId: string;
+    priceNickname?: string;
+    status: "active" | "trialing" | "past_due" | "canceled" | "incomplete" | string;
+    interval?: "day" | "week" | "month" | "year";
+    intervalCount?: number;
+    unitAmount?: number;
+    currency?: string;
+    trialStart?: string | null;
+    trialEnd?: string | null;
+    currentPeriodStart?: string | null;
+    currentPeriodEnd?: string | null;
+    cancelAtPeriodEnd?: boolean;
+    canceledAt?: string | null;
+    endedAt?: string | null;
+    createAt?: string;
+}
+export interface BillingSubscriptionSummaryFeature {
+    key: string;
+    name?: string;
+    description?: string;
+    type: "boolean" | "quota" | "unlimited" | string;
+    value?: boolean | number | string | null;
+    highlight?: boolean;
+}
+export interface BillingSubscriptionSummaryQuota {
+    id: string;
+    featureKey: string;
+    name: string;
+    description?: string;
+    limit: number;
+    used: number;
+    remaining: number;
+    unlimited: boolean;
+    period: "day" | "week" | "month" | "year" | "lifetime" | string;
+    resetsAt?: string | null;
+    percentage: number;
+}
+export interface BillingSubscriptionSummaryPointsBalance {
+    totalPoints: number;
+    updateAt?: string | null;
+}
+export interface BillingSubscriptionSummaryPendingInvoice {
+    id: string;
+    total: number;
+    status: string;
+    createAt: string;
+}
+export interface BillingSubscriptionSummaryTrial {
+    id: string;
+    productId: string;
+    productName: string;
+    status: string;
+    startAt?: string | null;
+    endAt?: string | null;
+}
+export interface BillingSubscriptionSummaryEntitlement {
+    type: "subscription" | "trial";
+    productName: string;
+    status: string;
+    startAt?: string | null;
+    endAt?: string | null;
+}
+export interface BillingSubscriptionSummary {
+    current: BillingSubscriptionSummaryCurrent | null;
+    trial: BillingSubscriptionSummaryTrial | null;
+    entitlement: BillingSubscriptionSummaryEntitlement | null;
+    features: BillingSubscriptionSummaryFeature[];
+    quotas: BillingSubscriptionSummaryQuota[];
+    pointsBalance: BillingSubscriptionSummaryPointsBalance | null;
+    pendingInvoice: BillingSubscriptionSummaryPendingInvoice | null;
+}
+export declare function useBillingSubscriptionSummary(): {
+    summary: import('vue').Ref<{
+        current: {
+            id: string;
+            productId: string;
+            productName: string;
+            priceId: string;
+            priceNickname?: string | undefined;
+            status: "active" | "trialing" | "past_due" | "canceled" | "incomplete" | string;
+            interval?: "day" | "week" | "month" | "year" | undefined;
+            intervalCount?: number | undefined;
+            unitAmount?: number | undefined;
+            currency?: string | undefined;
+            trialStart?: string | null | undefined;
+            trialEnd?: string | null | undefined;
+            currentPeriodStart?: string | null | undefined;
+            currentPeriodEnd?: string | null | undefined;
+            cancelAtPeriodEnd?: boolean | undefined;
+            canceledAt?: string | null | undefined;
+            endedAt?: string | null | undefined;
+            createAt?: string | undefined;
+        } | null;
+        trial: {
+            id: string;
+            productId: string;
+            productName: string;
+            status: string;
+            startAt?: string | null | undefined;
+            endAt?: string | null | undefined;
+        } | null;
+        entitlement: {
+            type: "subscription" | "trial";
+            productName: string;
+            status: string;
+            startAt?: string | null | undefined;
+            endAt?: string | null | undefined;
+        } | null;
+        features: {
+            key: string;
+            name?: string | undefined;
+            description?: string | undefined;
+            type: "boolean" | "quota" | "unlimited" | string;
+            value?: boolean | number | string | null | undefined;
+            highlight?: boolean | undefined;
+        }[];
+        quotas: {
+            id: string;
+            featureKey: string;
+            name: string;
+            description?: string | undefined;
+            limit: number;
+            used: number;
+            remaining: number;
+            unlimited: boolean;
+            period: "day" | "week" | "month" | "year" | "lifetime" | string;
+            resetsAt?: string | null | undefined;
+            percentage: number;
+        }[];
+        pointsBalance: {
+            totalPoints: number;
+            updateAt?: string | null | undefined;
+        } | null;
+        pendingInvoice: {
+            id: string;
+            total: number;
+            status: string;
+            createAt: string;
+        } | null;
+    }, BillingSubscriptionSummary | {
+        current: {
+            id: string;
+            productId: string;
+            productName: string;
+            priceId: string;
+            priceNickname?: string | undefined;
+            status: "active" | "trialing" | "past_due" | "canceled" | "incomplete" | string;
+            interval?: "day" | "week" | "month" | "year" | undefined;
+            intervalCount?: number | undefined;
+            unitAmount?: number | undefined;
+            currency?: string | undefined;
+            trialStart?: string | null | undefined;
+            trialEnd?: string | null | undefined;
+            currentPeriodStart?: string | null | undefined;
+            currentPeriodEnd?: string | null | undefined;
+            cancelAtPeriodEnd?: boolean | undefined;
+            canceledAt?: string | null | undefined;
+            endedAt?: string | null | undefined;
+            createAt?: string | undefined;
+        } | null;
+        trial: {
+            id: string;
+            productId: string;
+            productName: string;
+            status: string;
+            startAt?: string | null | undefined;
+            endAt?: string | null | undefined;
+        } | null;
+        entitlement: {
+            type: "subscription" | "trial";
+            productName: string;
+            status: string;
+            startAt?: string | null | undefined;
+            endAt?: string | null | undefined;
+        } | null;
+        features: {
+            key: string;
+            name?: string | undefined;
+            description?: string | undefined;
+            type: "boolean" | "quota" | "unlimited" | string;
+            value?: boolean | number | string | null | undefined;
+            highlight?: boolean | undefined;
+        }[];
+        quotas: {
+            id: string;
+            featureKey: string;
+            name: string;
+            description?: string | undefined;
+            limit: number;
+            used: number;
+            remaining: number;
+            unlimited: boolean;
+            period: "day" | "week" | "month" | "year" | "lifetime" | string;
+            resetsAt?: string | null | undefined;
+            percentage: number;
+        }[];
+        pointsBalance: {
+            totalPoints: number;
+            updateAt?: string | null | undefined;
+        } | null;
+        pendingInvoice: {
+            id: string;
+            total: number;
+            status: string;
+            createAt: string;
+        } | null;
+    }>;
+    current: import('vue').ComputedRef<{
+        id: string;
+        productId: string;
+        productName: string;
+        priceId: string;
+        priceNickname?: string | undefined;
+        status: "active" | "trialing" | "past_due" | "canceled" | "incomplete" | string;
+        interval?: "day" | "week" | "month" | "year" | undefined;
+        intervalCount?: number | undefined;
+        unitAmount?: number | undefined;
+        currency?: string | undefined;
+        trialStart?: string | null | undefined;
+        trialEnd?: string | null | undefined;
+        currentPeriodStart?: string | null | undefined;
+        currentPeriodEnd?: string | null | undefined;
+        cancelAtPeriodEnd?: boolean | undefined;
+        canceledAt?: string | null | undefined;
+        endedAt?: string | null | undefined;
+        createAt?: string | undefined;
+    } | null>;
+    trial: import('vue').ComputedRef<{
+        id: string;
+        productId: string;
+        productName: string;
+        status: string;
+        startAt?: string | null | undefined;
+        endAt?: string | null | undefined;
+    } | null>;
+    entitlement: import('vue').ComputedRef<{
+        type: "subscription" | "trial";
+        productName: string;
+        status: string;
+        startAt?: string | null | undefined;
+        endAt?: string | null | undefined;
+    } | null>;
+    features: import('vue').ComputedRef<{
+        key: string;
+        name?: string | undefined;
+        description?: string | undefined;
+        type: "boolean" | "quota" | "unlimited" | string;
+        value?: boolean | number | string | null | undefined;
+        highlight?: boolean | undefined;
+    }[]>;
+    quotas: import('vue').ComputedRef<{
+        id: string;
+        featureKey: string;
+        name: string;
+        description?: string | undefined;
+        limit: number;
+        used: number;
+        remaining: number;
+        unlimited: boolean;
+        period: "day" | "week" | "month" | "year" | "lifetime" | string;
+        resetsAt?: string | null | undefined;
+        percentage: number;
+    }[]>;
+    pointsBalance: import('vue').ComputedRef<{
+        totalPoints: number;
+        updateAt?: string | null | undefined;
+    } | null>;
+    pendingInvoice: import('vue').ComputedRef<{
+        id: string;
+        total: number;
+        status: string;
+        createAt: string;
+    } | null>;
+    loading: import('vue').Ref<boolean, boolean>;
+    refresh: () => Promise<void>;
+};

package/dist/composables/Billing/useSubscriptionCheckout.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { BillingPlan, BillingSubscription } from './useBillingPlans';
+interface UseSubscriptionCheckoutOptions {
+    currentSubscription: Ref<BillingSubscription | null>;
+    refreshCurrentSubscription: () => Promise<void>;
+}
+export declare function useSubscriptionCheckout(options: UseSubscriptionCheckoutOptions): {
+    checkoutPlanId: Ref<string | null, string | null>;
+    checkout: (plan: BillingPlan) => Promise<void>;
+    isCheckingOut: (plan: BillingPlan) => boolean;
+};
+export {};

package/dist/composables/UserMenu/useUserMenu.d.ts

@@ -1,4 +1,7 @@
 import { ComputedRef, Ref } from 'vue';
+export interface OpenSubscriptionsOptions {
+    target?: "overview" | "invoices" | "subscriptions" | "quotas";
+}
 export interface UseUserMenuReturn {
     isOpen: ComputedRef<boolean>;
     open: () => void;
@@ -9,7 +12,8 @@ export interface UseUserMenuReturn {
     settingTrigger: Readonly<Ref<number>>;
     openSetting: () => void;
     subscriptionsTrigger: Readonly<Ref<number>>;
-    openSubscriptions: () => void;
+    subscriptionsOptions: Readonly<Ref<OpenSubscriptionsOptions | null>>;
+    openSubscriptions: (options?: OpenSubscriptionsOptions) => void;
     messagesTrigger: Readonly<Ref<number>>;
     openMessages: () => void;
     feedbackTrigger: Readonly<Ref<number>>;

package/dist/composables.d.ts

@@ -16,3 +16,5 @@ export { useAuthMenu, findMenuPath, findActiveMenuPath, getPathOnly } from './co
 export { useRoutePermission } from './composables/Authkit/useRoutePermission';
 export { useSEO, useRouteSEO, type GlobalSEOConfig, type PageSEOConfig } from './composables/useSEO';
 export { useUserMenu, type UseUserMenuReturn } from './composables/UserMenu/useUserMenu';
+export { useBillingPlans, type BillingFeatureItem, type BillingInterval, type BillingIntervalTab, type BillingPlan, type BillingPrice, type BillingProduct, type BillingProductFeature, type BillingSubscription, } from './composables/Billing/useBillingPlans';
+export { useSubscriptionCheckout } from './composables/Billing/useSubscriptionCheckout';

package/dist/composables.js

@@ -1,40 +1,43 @@
-import { u as a, a as o } from "./useAuthkitUsersProfile-lGlQP54m.js";
-import { g as u, a as r, b as i, s as f, c as n, d as l, u as m } from "./apiClients-9b4zNZ2S.js";
-import { u as h } from "./useLegalLinks-CPbWqlu6.js";
-import { u as g } from "./useAuthkitAppsAuthPageInfo-494yLvsu.js";
-import { u as x } from "./useAuthkitCreateAndUpdate-DyRtFxZS.js";
-import { u as C } from "./useMessageNotifications-Dg5q-C_o.js";
-import { u as k, a as M } from "./useDownloads-DaeIY0E9.js";
-import { u as O } from "./useTableHandle-Cjq4gcC0.js";
-import { f as w, a as E, g as S, u as T, b as R, c as v, d as D, e as G, w as L } from "./useSEO-CXX9dcBx.js";
-import { u as H } from "./useUploadCos-DiJmmbRf.js";
-import { u as N } from "./useUserMenu-B3HKZKJ4.js";
+import { u as a, a as o } from "./useAuthkitUsersProfile-CQGyvL7g.js";
+import { g as t, a as r, b as i, s as n, c as f, d as l, u as p } from "./apiClients-DVz12LeW.js";
+import { u as h } from "./useLegalLinks-Deksq9h-.js";
+import { u as A } from "./useAuthkitAppsAuthPageInfo-Du5d6VK-.js";
+import { u as x } from "./useAuthkitCreateAndUpdate-Bc9D5C6R.js";
+import { u as C } from "./useMessageNotifications-DY5xKtif.js";
+import { u as k, a as P } from "./useDownloads-BFx1a-f9.js";
+import { u as O } from "./useTableHandle-D71P3Ez_.js";
+import { f as U, a as w, g as E, u as T, b as R, c as v, d as D, e as G, w as L } from "./useSEO-CvfzTZA9.js";
+import { u as B } from "./useUploadCos-N5pim6q1.js";
+import { u as I } from "./useUserMenu-ClPBlvaM.js";
+import { u as V, a as j } from "./useSubscriptionCheckout-BgQJN61l.js";
 export {
-  w as findActiveMenuPath,
-  E as findMenuPath,
-  S as getPathOnly,
-  u as globalConfig,
+  U as findActiveMenuPath,
+  w as findMenuPath,
+  E as getPathOnly,
+  t as globalConfig,
   r as globalSEOConfig,
   i as globalThemeRef,
-  f as setGlobalConfig,
-  n as setGlobalSEOConfig,
+  n as setGlobalConfig,
+  f as setGlobalSEOConfig,
   l as setTheme,
   T as useActiveDoc,
   R as useAuthMenu,
-  g as useAuthkitAppsAuthPageInfo,
+  A as useAuthkitAppsAuthPageInfo,
   a as useAuthkitAuth,
-  m as useAuthkitAuthModal,
+  p as useAuthkitAuthModal,
   x as useAuthkitCreateAndUpdate,
   o as useAuthkitUsersProfile,
+  V as useBillingPlans,
   k as useCommonCreateAndUpdate,
-  M as useDownloads,
+  P as useDownloads,
   h as useLegalLinks,
   C as useMessageNotifications,
   v as useRoutePermission,
   D as useRouteSEO,
   G as useSEO,
+  j as useSubscriptionCheckout,
   O as useTableHandle,
-  H as useUploadCos,
-  N as useUserMenu,
+  B as useUploadCos,
+  I as useUserMenu,
   L as withViewTransition
 };

package/dist/feedback.js

@@ -1,6 +1,6 @@
-import { B as b, a as s, F as d, b as F, c, d as o, R as t } from "./FeedbackModal-aI28o-w5.js";
-import { C as r } from "./Clipboard---tG2Zxz.js";
-import { F as m, a as n, b as f, c as i, d as p } from "./FeedbackItem-CN041vTm.js";
+import { B as b, a as s, F as d, b as F, c, d as o, R as t } from "./FeedbackModal-CvNF1D-5.js";
+import { C as r } from "./Clipboard-CRZDADLE.js";
+import { F as m, a as n, b as f, c as i, d as p } from "./FeedbackItem-D7MpOmoM.js";
 export {
   r as Clipboard,
   b as FeedbackBubbleEnd,

package/dist/index-D3Kp6R4z.js

@@ -0,0 +1,4 @@
+const c = "min(920px, calc(100vw - 32px))";
+export {
+  c as U
+};