@huyooo/ui 2.1.16 → 2.1.20

package/dist/PricingPlans-DK3OkfZ9.js

@@ -0,0 +1,448 @@
+/* empty css               */
+import "./userMenuModal-D-nDaYqM.js";
+import { g as ee } from "./apiClients-CWSwNzGk.js";
+/* empty css               */
+import { defineComponent as O, computed as B, onMounted as se, onUnmounted as me, openBlock as n, createElementBlock as s, createElementVNode as i, unref as e, createBlock as U, toDisplayString as l, createVNode as m, withCtx as y, createTextVNode as R, ref as te, watch as ve, resolveDirective as pe, withDirectives as ye, normalizeClass as w, Fragment as T, renderList as I, createCommentVNode as p } from "vue";
+import { Spin as ie, Button as S, Message as ae } from "@arco-design/web-vue";
+import { useRoute as he, useRouter as ke } from "vue-router";
+import { a as be } from "./PaySubscriptions-pEZtjp1g.js";
+import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { L as Ce, a as we, b as Te } from "./LandingPageSectionHeader-3hiuw6G0.js";
+import { Icon as ne } from "@iconify/vue";
+import { u as Ie, a as Be } from "./useSubscriptionCheckout-CZZLk_1d.js";
+import { u as Re } from "./useEnsureAuthenticated-RZ1DflLz.js";
+const ht = "/Pay/Return";
+function K(r) {
+  const P = typeof r.scene == "string" ? r.scene : null, u = typeof r.orderId == "string" ? r.orderId : null, d = typeof r.returnTo == "string" ? r.returnTo.trim() : null, _ = d != null && d.startsWith("/") && !d.startsWith("//") ? d : null;
+  return P !== "subscription" && P !== "recharge" && P !== "agreement" ? {
+    scene: null,
+    orderId: u,
+    returnTo: _
+  } : {
+    scene: P,
+    orderId: (u == null ? void 0 : u.trim()) || null,
+    returnTo: _
+  };
+}
+function Se(r, P) {
+  const {
+    returnTo: u
+  } = K(r);
+  return u || P;
+}
+const Ae = {
+  class: "payment-return-page"
+}, Le = {
+  class: "payment-return-card"
+}, $e = {
+  key: 1,
+  class: "payment-return-icon success"
+}, qe = {
+  key: 2,
+  class: "payment-return-icon failed"
+}, Fe = {
+  key: 3,
+  class: "payment-return-actions"
+}, De = {
+  key: 4,
+  class: "payment-return-actions"
+}, Ne = /* @__PURE__ */ O({
+  __name: "PaymentReturnPage",
+  props: {
+    defaultReturnTo: {
+      default: "/Pricing"
+    }
+  },
+  setup(r) {
+    const P = r, u = he(), d = ke();
+    function _() {
+      return Se(u.query, P.defaultReturnTo);
+    }
+    const {
+      phase: g,
+      message: h,
+      checking: L,
+      confirmPayment: x,
+      stopPolling: E,
+      verifyNow: z
+    } = be(_), $ = B(() => g.value === "success" ? "支付成功" : g.value === "failed" ? "支付未完成" : "正在确认支付");
+    function q() {
+      d.replace(_());
+    }
+    async function M() {
+      const {
+        scene: v,
+        orderId: o
+      } = K(u.query);
+      if (!v || !o) {
+        ae.error("支付参数无效");
+        return;
+      }
+      const C = await z(v, o);
+      if (C.error) {
+        g.value = "failed", h.value = C.message || "确认支付失败";
+        return;
+      }
+      if (C.success) {
+        g.value = "success", h.value = C.message || "支付成功", window.setTimeout(() => {
+          d.replace(_());
+        }, 1200);
+        return;
+      }
+      h.value = C.message || "等待支付确认...";
+    }
+    return se(() => {
+      const {
+        scene: v,
+        orderId: o
+      } = K(u.query);
+      if (!v || !o) {
+        g.value = "failed", h.value = "缺少支付回跳参数";
+        return;
+      }
+      if (v === "agreement") {
+        g.value = "success", h.value = "签约流程已完成，正在返回...", window.setTimeout(() => {
+          d.replace(_());
+        }, 1200);
+        return;
+      }
+      x(v, o);
+    }), me(E), (v, o) => (n(), s("div", Ae, [i("div", Le, [e(g) === "loading" ? (n(), U(e(ie), {
+      key: 0,
+      size: 36
+    })) : e(g) === "success" ? (n(), s("div", $e, "✓")) : (n(), s("div", qe, "!")), i("h1", null, l($.value), 1), i("p", null, l(e(h)), 1), e(g) === "loading" ? (n(), s("div", Fe, [m(e(S), {
+      loading: e(L),
+      type: "primary",
+      onClick: M
+    }, {
+      default: y(() => [...o[0] || (o[0] = [R(" 我已完成支付 ", -1)])]),
+      _: 1
+    }, 8, ["loading"]), m(e(S), {
+      onClick: q
+    }, {
+      default: y(() => [...o[1] || (o[1] = [R("返回", -1)])]),
+      _: 1
+    })])) : (n(), s("div", De, [m(e(S), {
+      type: "primary",
+      onClick: q
+    }, {
+      default: y(() => [...o[2] || (o[2] = [R("返回", -1)])]),
+      _: 1
+    })]))])]));
+  }
+}), kt = /* @__PURE__ */ W(Ne, [["__scopeId", "data-v-65b534f9"]]), xe = /* @__PURE__ */ O({
+  __name: "PricingFAQ",
+  props: {
+    title: {
+      default: "订阅常见问题"
+    },
+    subtitle: {
+      default: "关于试用、付款、配额、升级和取消订阅的说明。"
+    },
+    activeKeys: {
+      default: () => []
+    },
+    faqItems: {
+      default: void 0
+    }
+  },
+  setup(r) {
+    const P = [{
+      question: "可以先试用再付费吗？",
+      answer: "可以。支持试用的方案会在卡片按钮上标明试用天数。试用期间可使用对应方案能力，到期后再决定是否继续订阅。"
+    }, {
+      question: "月付和年付有什么区别？",
+      answer: "月付适合短期验证和灵活使用，年付适合稳定团队和长期项目，通常会有更优惠的价格。"
+    }, {
+      question: "已有订阅后可以升级或切换方案吗？",
+      answer: "可以。升级或切换方案时，系统会根据当前订阅和新方案计算差额；如需补差价，会跳转到支付页面完成支付。"
+    }, {
+      question: "取消订阅后还能继续使用吗？",
+      answer: "可以。取消订阅后，当前计费周期内仍可继续使用，周期结束后订阅权益将停止续期。"
+    }, {
+      question: "配额什么时候重置？",
+      answer: "配额按订阅周期重置，不一定是自然月月初。例如您在 4 月 15 日订阅月付方案，下一次配额重置通常发生在 5 月 15 日。"
+    }, {
+      question: "不同方案的技术支持有什么区别？",
+      answer: "基础方案适合个人和轻量团队，包含常规支持；更高等级方案面向正式团队和生产场景，通常包含更高优先级支持。"
+    }, {
+      question: "是否支持退款？",
+      answer: "订阅可随时取消。退款规则以付费服务协议为准，如遇到重复扣费或异常支付，可以联系支持团队处理。"
+    }, {
+      question: "使用订阅服务有什么限制？",
+      answer: "请按正常业务场景使用服务，禁止共享、转售订阅或用于违法违规场景。严重滥用可能导致服务受限或账户终止。"
+    }], u = r, d = B(() => u.faqItems ?? P);
+    return (_, g) => (n(), U(Ce, {
+      class: "PricingFAQ"
+    }, {
+      BlockHeader: y(() => [m(Te, {
+        title: r.title,
+        subtitle: r.subtitle
+      }, null, 8, ["title", "subtitle"])]),
+      BlockBody: y(() => [m(we, {
+        "active-keys": r.activeKeys,
+        "faq-items": d.value
+      }, null, 8, ["active-keys", "faq-items"])]),
+      _: 1
+    }));
+  }
+}), bt = /* @__PURE__ */ W(xe, [["__scopeId", "data-v-fcab2f05"]]), Ee = {
+  class: "PricingPlans"
+}, ze = {
+  class: "PricingPlans__trialMain"
+}, Me = {
+  class: "PricingPlans__trialCopy"
+}, Qe = {
+  key: 0,
+  class: "PricingPlans__trialFeatures"
+}, Ve = {
+  key: 0,
+  class: "PricingPlans__trialAction"
+}, He = {
+  key: 1,
+  class: "PricingPlans__trialStatus"
+}, Ge = {
+  key: 2,
+  class: "PricingPlans__trialAction"
+}, Ke = {
+  key: 1,
+  class: "PricingPlans__toolbar"
+}, Oe = {
+  key: 0,
+  class: "PricingPlans__toggle",
+  role: "tablist",
+  "aria-label": "计费周期"
+}, Ue = ["onClick"], We = {
+  key: 0,
+  class: "PricingPlans__toggleBadge"
+}, je = {
+  key: 1,
+  class: "PricingPlans__note"
+}, Ye = {
+  class: "PricingPlans__badgeRow"
+}, Je = {
+  class: "PricingPlans__offer"
+}, Xe = {
+  class: "PricingPlans__header"
+}, Ze = {
+  class: "PricingPlans__price"
+}, et = {
+  key: 0,
+  class: "PricingPlans__originalPrice"
+}, tt = {
+  class: "PricingPlans__amount"
+}, nt = {
+  class: "PricingPlans__cycle"
+}, st = {
+  class: "PricingPlans__featureGroups"
+}, it = {
+  class: "PricingPlans__features"
+}, at = {
+  key: 3,
+  class: "PricingPlans__empty"
+}, rt = /* @__PURE__ */ O({
+  __name: "PricingPlans",
+  props: {
+    appName: {
+      default: "Huyooo"
+    },
+    defaultInterval: {
+      default: "month"
+    },
+    note: {
+      default: ""
+    }
+  },
+  setup(r) {
+    const P = r, {
+      products: u,
+      plans: d,
+      currentSubscription: _,
+      listLoading: g,
+      billingInterval: h,
+      billingIntervalTabs: L,
+      setBillingInterval: x,
+      currentTrial: E,
+      isCurrentPlan: z,
+      isRecommendedPlan: $,
+      isFreePlan: q,
+      isPlanActionDisabled: M,
+      getDisplayPrice: v,
+      getDisplayOriginalPrice: o,
+      getDisplayCycle: C,
+      getPromotionLabel: j,
+      getBadgeLabels: re,
+      getButtonLabel: le,
+      getPlanSummary: oe,
+      getFeatureGroups: Y,
+      loadCurrentSubscription: J,
+      refresh: ce
+    } = Ie(P.defaultInterval), f = B(() => {
+      if (!_.value)
+        for (const c of u.value) {
+          const a = c.prices.find((k) => k.type === "free");
+          if (a)
+            return {
+              ...c,
+              features: a.features ?? [],
+              selectedPrice: a
+            };
+        }
+    }), F = B(() => d.value.filter((c) => !q(c))), Q = B(() => !!localStorage.getItem("jwtToken")), D = B(() => !!E.value), V = te(!1), N = te(!1), {
+      checkout: ue,
+      isCheckingOut: de
+    } = Be({
+      currentSubscription: _,
+      refreshCurrentSubscription: J
+    }), {
+      ensureAuthenticated: _e
+    } = Re();
+    function ge(c) {
+      return c === 1 ? "适合团队协作与更高频使用" : "适合个人和轻量团队使用";
+    }
+    function X(c) {
+      return Y(c.features).flatMap((a) => a.items);
+    }
+    function Pe() {
+      _e(() => {
+        Z();
+      });
+    }
+    async function H() {
+      var t, A;
+      if (V.value = !1, !Q.value || D.value || _.value)
+        return;
+      const c = (A = (t = f.value) == null ? void 0 : t.selectedPrice) == null ? void 0 : A.id;
+      if (!c)
+        return;
+      const {
+        data: a,
+        error: k
+      } = await ee().billing.trials.claimStatus.post({
+        priceId: c
+      });
+      k || !a || (V.value = !!a.canClaim);
+    }
+    async function Z() {
+      await J(), await H();
+    }
+    async function fe() {
+      var a, k;
+      const c = (k = (a = f.value) == null ? void 0 : a.selectedPrice) == null ? void 0 : k.id;
+      if (!(!c || N.value)) {
+        N.value = !0;
+        try {
+          const {
+            error: t
+          } = await ee().billing.trials.start.post({
+            priceId: c
+          });
+          if (t)
+            return;
+          ae.success("免费体验已开通"), await Z();
+        } finally {
+          N.value = !1;
+        }
+      }
+    }
+    return ve([Q, D, f, _], () => {
+      H();
+    }), se(() => {
+      ce().then(() => H());
+    }), (c, a) => {
+      const k = pe("motion-slide-top");
+      return n(), s("section", Ee, [ye((n(), U(e(ie), {
+        loading: e(g),
+        tip: "数据加载中",
+        class: "PricingPlans__spin"
+      }, {
+        default: y(() => [f.value ? (n(), s("article", {
+          key: 0,
+          class: w(["PricingPlans__trial", {
+            "is-current": D.value
+          }])
+        }, [i("div", ze, [i("div", Me, [i("h2", null, l(f.value.name), 1), i("p", null, l(f.value.description || e(oe)(f.value, 0)), 1), X(f.value).length ? (n(), s("ul", Qe, [(n(!0), s(T, null, I(X(f.value), (t) => (n(), s("li", {
+          key: t.title
+        }, [m(e(ne), {
+          icon: "mingcute:check-circle-fill",
+          class: "PricingPlans__trialFeatureIcon"
+        }), i("span", null, l(t.title), 1)]))), 128))])) : p("", !0)]), Q.value ? D.value ? (n(), s("div", He, " 已开通 ")) : V.value ? (n(), s("div", Ge, [m(e(S), {
+          size: "large",
+          class: "PricingPlans__trialButton",
+          loading: N.value,
+          onClick: fe
+        }, {
+          default: y(() => [...a[1] || (a[1] = [R(" 领取免费体验 ", -1)])]),
+          _: 1
+        }, 8, ["loading"])])) : p("", !0) : (n(), s("div", Ve, [m(e(S), {
+          size: "large",
+          class: "PricingPlans__trialButton",
+          onClick: Pe
+        }, {
+          default: y(() => [...a[0] || (a[0] = [R(" 免费注册 ", -1)])]),
+          _: 1
+        })]))])], 2)) : p("", !0), F.value.length ? (n(), s("div", Ke, [e(L).length > 1 ? (n(), s("div", Oe, [(n(!0), s(T, null, I(e(L), (t) => (n(), s("button", {
+          key: t.value,
+          type: "button",
+          class: w(["PricingPlans__toggleItem", {
+            "is-active": e(h) === t.value
+          }]),
+          onClick: (A) => e(x)(t.value)
+        }, [i("span", null, l(t.label), 1), t.badge ? (n(), s("span", We, l(t.badge), 1)) : p("", !0)], 10, Ue))), 128))])) : p("", !0), r.note ? (n(), s("p", je, l(r.note), 1)) : p("", !0)])) : p("", !0), F.value.length ? (n(), s("div", {
+          key: 2,
+          class: w(["PricingPlans__grid", {
+            "PricingPlans__grid--compact": F.value.length <= 2
+          }])
+        }, [(n(!0), s(T, null, I(F.value, (t, A) => (n(), s("article", {
+          key: t.id,
+          class: w(["PricingPlans__card", {
+            "is-recommended": e($)(t),
+            "is-current": e(z)(t)
+          }])
+        }, [i("div", Ye, [(n(!0), s(T, null, I(e(re)(t), (b) => (n(), s("span", {
+          key: b.type,
+          class: w(["PricingPlans__badge", `is-${b.type}`])
+        }, l(b.label), 3))), 128))]), i("div", Je, [i("div", Xe, [i("h2", null, l(t.name), 1), i("p", null, l(t.description || ge(A)), 1)]), i("div", Ze, [e(o)(t) ? (n(), s("span", et, " ¥" + l(e(o)(t)), 1)) : p("", !0), a[2] || (a[2] = i("span", {
+          class: "PricingPlans__currency"
+        }, "¥", -1)), i("span", tt, l(e(v)(t)), 1), i("span", nt, l(e(C)(t)), 1)]), i("p", {
+          class: w(["PricingPlans__promotion", {
+            "is-empty": !e(j)(t)
+          }])
+        }, l(e(j)(t) || " "), 3), m(e(S), {
+          long: "",
+          size: "large",
+          class: "PricingPlans__button",
+          type: e($)(t) ? "primary" : "outline",
+          loading: e(de)(t),
+          disabled: e(M)(t),
+          onClick: (b) => e(ue)(t)
+        }, {
+          default: y(() => [R(l(e(le)(t)), 1)]),
+          _: 2
+        }, 1032, ["type", "loading", "disabled", "onClick"])]), a[3] || (a[3] = i("div", {
+          class: "PricingPlans__divider"
+        }, null, -1)), i("div", st, [(n(!0), s(T, null, I(e(Y)(t.features), (b) => (n(), s("section", {
+          key: b.title,
+          class: "PricingPlans__featureGroup"
+        }, [i("h3", null, l(b.title), 1), i("ul", it, [(n(!0), s(T, null, I(b.items, (G) => (n(), s("li", {
+          key: G.title,
+          class: w({
+            "is-highlight": G.highlight
+          })
+        }, [m(e(ne), {
+          icon: "mingcute:check-circle-fill",
+          class: "PricingPlans__featureIcon"
+        }), i("span", null, l(G.title), 1)], 2))), 128))])]))), 128))])], 2))), 128))], 2)) : !f.value && !e(g) ? (n(), s("div", at, " 当前暂无可订阅方案 ")) : p("", !0)]),
+        _: 1
+      }, 8, ["loading"])), [[k]])]);
+    };
+  }
+}), Ct = /* @__PURE__ */ W(rt, [["__scopeId", "data-v-3764965c"]]);
+export {
+  ht as P,
+  kt as a,
+  bt as b,
+  Ct as c,
+  K as p,
+  Se as r
+};

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

@@ -19,6 +19,8 @@ export interface BillingPrice {
     intervalCount?: number;
     /** 订阅支付成功后附送积分 */
     bonusPoints?: number;
+    /** 免费价可领取次数；0=无限；缺省按 1 */
+    claimLimit?: number;
     metadata?: Record<string, unknown>;
     features?: BillingProductFeature[];
 }
@@ -110,7 +112,10 @@ export declare function useBillingPlans(defaultInterval?: BillingInterval | Bill
             intervalCount?: number
             /** 订阅支付成功后附送积分 */
              | undefined;
-            bonusPoints?: number | undefined;
+            bonusPoints?: number
+            /** 免费价可领取次数；0=无限；缺省按 1 */
+             | undefined;
+            claimLimit?: number | undefined;
             metadata?: Record<string, unknown> | undefined;
             features?: {
                 key: string;
@@ -137,7 +142,10 @@ export declare function useBillingPlans(defaultInterval?: BillingInterval | Bill
             intervalCount?: number
             /** 订阅支付成功后附送积分 */
              | undefined;
-            bonusPoints?: number | undefined;
+            bonusPoints?: number
+            /** 免费价可领取次数；0=无限；缺省按 1 */
+             | undefined;
+            claimLimit?: number | undefined;
             metadata?: Record<string, unknown> | undefined;
             features?: {
                 key: string;

package/dist/main.js

@@ -32,7 +32,7 @@ import { C as h7, a as g7 } from "./CollapseItem-DUzZA6tx.js";
 import { C as m7, E as L7 } from "./CustomTable-BY0oHLXc.js";
 import { M as w7, a as y7 } from "./Menu-uCexrsKP.js";
 import { P as x7, u as v7, a as Z7, v as V7 } from "./PaySubscriptions-pEZtjp1g.js";
-import { P as U7, a as E7, b as k7, c as S7, p as A7, r as G7 } from "./PricingPlans-J-CdbyZc.js";
+import { P as U7, a as E7, b as k7, c as S7, p as A7, r as G7 } from "./PricingPlans-DK3OkfZ9.js";
 import { useBillingSubscriptionSummary as P7 } from "./useBillingSubscriptionSummary-BC3G0N4t.js";
 import { R as B7 } from "./ReferrerReferees-t5s4LzbY.js";
 import { _ as T7 } from "./Upload.vue_vue_type_script_setup_true_lang-DsrqOACa.js";

package/dist/pay.js

@@ -1,5 +1,5 @@
 import { P as e, u as t, a as n, v as r } from "./PaySubscriptions-pEZtjp1g.js";
-import { P as i, a as o, b as P, c as p, p as m, r as c } from "./PricingPlans-J-CdbyZc.js";
+import { P as i, a as o, b as P, c as p, p as m, r as c } from "./PricingPlans-DK3OkfZ9.js";
 import { u as g, a as y } from "./useSubscriptionCheckout-CZZLk_1d.js";
 import { useBillingSubscriptionSummary as R } from "./useBillingSubscriptionSummary-BC3G0N4t.js";
 import { c as b, u as x, a as v, b as O } from "./useBillingStatusOptions-C6edto7H.js";