@huyooo/ui 2.1.8 → 2.1.12

package/dist/PricingPlans-rArK_Fv1.js

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

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-qRWHwi9x.js";
+import { P as U7, a as E7, b as k7, c as S7, p as A7, r as G7 } from "./PricingPlans-rArK_Fv1.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-qRWHwi9x.js";
+import { P as i, a as o, b as P, c as p, p as m, r as c } from "./PricingPlans-rArK_Fv1.js";
 import { u as g, a as y } from "./useSubscriptionCheckout-Dmg0kt4F.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";