@huyooo/ui 2.1.18 → 2.2.0

package/dist/PricingPlans-CHC05fhu.js

@@ -1,398 +0,0 @@
-/* empty css               */
-import "./userMenuModal-D-nDaYqM.js";
-import "./apiClients-CWSwNzGk.js";
-/* empty css               */
-import { defineComponent as Q, computed as w, onMounted as Y, 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 I, Fragment as C, renderList as T, createCommentVNode as f } from "vue";
-import { Spin as J, 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 j } from "@iconify/vue";
-import { u as ve, a as ye } from "./useSubscriptionCheckout-CZZLk_1d.js";
-import { u as he } from "./useEnsureAuthenticated-RZ1DflLz.js";
-const dt = "/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 = w(() => u.value === "success" ? "支付成功" : u.value === "failed" ? "支付未完成" : "正在确认支付");
-    function $() {
-      c.replace(g());
-    }
-    async function N() {
-      const {
-        scene: P,
-        orderId: l
-      } = M(o.query);
-      if (!P || !l) {
-        de.error("支付参数无效");
-        return;
-      }
-      const k = await D(P, 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 Y(() => {
-      const {
-        scene: P,
-        orderId: l
-      } = M(o.query);
-      if (!P || !l) {
-        u.value = "failed", v.value = "缺少支付回跳参数";
-        return;
-      }
-      if (P === "agreement") {
-        u.value = "success", v.value = "签约流程已完成，正在返回...", window.setTimeout(() => {
-          c.replace(g());
-        }, 1200);
-        return;
-      }
-      A(P, l);
-    }), oe(F), (P, l) => (t(), n("div", be, [i("div", Ie, [e(u) === "loading" ? (t(), V(e(J), {
-      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
-    })]))])]));
-  }
-}), _t = /* @__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 = w(() => 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
-    }));
-  }
-}), gt = /* @__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__offer"
-}, He = {
-  class: "PricingPlans__header"
-}, Ge = {
-  class: "PricingPlans__price"
-}, Ke = {
-  key: 0,
-  class: "PricingPlans__originalPrice"
-}, Oe = {
-  class: "PricingPlans__amount"
-}, Ue = {
-  class: "PricingPlans__cycle"
-}, We = {
-  class: "PricingPlans__featureGroups"
-}, je = {
-  class: "PricingPlans__features"
-}, Ye = {
-  key: 3,
-  class: "PricingPlans__empty"
-}, Je = /* @__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: P,
-      getDisplayOriginalPrice: l,
-      getDisplayCycle: k,
-      getPromotionLabel: H,
-      getBadgeLabels: X,
-      getButtonLabel: Z,
-      getPlanSummary: ee,
-      getFeatureGroups: G,
-      loadCurrentSubscription: K,
-      refresh: te
-    } = ve(d.defaultInterval), b = w(() => {
-      if (!g.value)
-        for (const m of o.value) {
-          const _ = m.prices.find((x) => x.type === "free");
-          if (_)
-            return {
-              ...m,
-              features: _.features ?? [],
-              selectedPrice: _
-            };
-        }
-    }), q = w(() => c.value.filter((m) => !$(m))), ne = w(() => !!localStorage.getItem("jwtToken")), O = w(() => !!F.value), {
-      checkout: se,
-      isCheckingOut: ie
-    } = ye({
-      currentSubscription: g,
-      refreshCurrentSubscription: K
-    }), {
-      ensureAuthenticated: re
-    } = he();
-    function ae(m) {
-      return m === 1 ? "适合团队协作与更高频使用" : "适合个人和轻量团队使用";
-    }
-    function U(m) {
-      return G(m.features).flatMap((_) => _.items);
-    }
-    function le() {
-      re(() => {
-        K();
-      });
-    }
-    return Y(() => {
-      te();
-    }), (m, _) => {
-      const x = ce("motion-slide-top");
-      return t(), n("section", Se, [ue((t(), V(e(J), {
-        loading: e(u),
-        tip: "数据加载中",
-        class: "PricingPlans__spin"
-      }, {
-        default: h(() => [b.value ? (t(), n("article", {
-          key: 0,
-          class: I(["PricingPlans__trial", {
-            "is-current": O.value
-          }])
-        }, [i("div", $e, [i("div", qe, [i("h2", null, a(b.value.name), 1), i("p", null, a(b.value.description || e(ee)(b.value, 0)), 1), U(b.value).length ? (t(), n("ul", Ae, [(t(!0), n(C, null, T(U(b.value), (s) => (t(), n("li", {
-          key: s.title
-        }, [p(e(j), {
-          icon: "mingcute:check-circle-fill",
-          class: "PricingPlans__trialFeatureIcon"
-        }), i("span", null, a(s.title), 1)]))), 128))])) : f("", !0)]), ne.value ? O.value ? (t(), n("div", De, " 已开通 ")) : f("", !0) : (t(), n("div", Fe, [p(e(R), {
-          size: "large",
-          class: "PricingPlans__trialButton",
-          onClick: le
-        }, {
-          default: h(() => [..._[0] || (_[0] = [B(" 免费注册 ", -1)])]),
-          _: 1
-        })]))])], 2)) : f("", !0), q.value.length ? (t(), n("div", Ne, [e(L).length > 1 ? (t(), n("div", xe, [(t(!0), n(C, null, T(e(L), (s) => (t(), n("button", {
-          key: s.value,
-          type: "button",
-          class: I(["PricingPlans__toggleItem", {
-            "is-active": e(v) === s.value
-          }]),
-          onClick: (W) => e(A)(s.value)
-        }, [i("span", null, a(s.label), 1), s.badge ? (t(), n("span", Me, a(s.badge), 1)) : f("", !0)], 10, Ee))), 128))])) : f("", !0), r.note ? (t(), n("p", Qe, a(r.note), 1)) : f("", !0)])) : f("", !0), q.value.length ? (t(), n("div", {
-          key: 2,
-          class: I(["PricingPlans__grid", {
-            "PricingPlans__grid--compact": q.value.length <= 2
-          }])
-        }, [(t(!0), n(C, null, T(q.value, (s, W) => (t(), n("article", {
-          key: s.id,
-          class: I(["PricingPlans__card", {
-            "is-recommended": e(S)(s),
-            "is-current": e(D)(s)
-          }])
-        }, [i("div", Ve, [(t(!0), n(C, null, T(e(X)(s), (y) => (t(), n("span", {
-          key: y.type,
-          class: I(["PricingPlans__badge", `is-${y.type}`])
-        }, a(y.label), 3))), 128))]), i("div", ze, [i("div", He, [i("h2", null, a(s.name), 1), i("p", null, a(s.description || ae(W)), 1)]), i("div", Ge, [e(l)(s) ? (t(), n("span", Ke, " ¥" + a(e(l)(s)), 1)) : f("", !0), _[1] || (_[1] = i("span", {
-          class: "PricingPlans__currency"
-        }, "¥", -1)), i("span", Oe, a(e(P)(s)), 1), i("span", Ue, a(e(k)(s)), 1)]), i("p", {
-          class: I(["PricingPlans__promotion", {
-            "is-empty": !e(H)(s)
-          }])
-        }, a(e(H)(s) || " "), 3), 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(Z)(s)), 1)]),
-          _: 2
-        }, 1032, ["type", "loading", "disabled", "onClick"])]), _[2] || (_[2] = i("div", {
-          class: "PricingPlans__divider"
-        }, null, -1)), i("div", We, [(t(!0), n(C, null, T(e(G)(s.features), (y) => (t(), n("section", {
-          key: y.title,
-          class: "PricingPlans__featureGroup"
-        }, [i("h3", null, a(y.title), 1), i("ul", je, [(t(!0), n(C, null, T(y.items, (E) => (t(), n("li", {
-          key: E.title,
-          class: I({
-            "is-highlight": E.highlight
-          })
-        }, [p(e(j), {
-          icon: "mingcute:check-circle-fill",
-          class: "PricingPlans__featureIcon"
-        }), i("span", null, a(E.title), 1)], 2))), 128))])]))), 128))])], 2))), 128))], 2)) : !b.value && !e(u) ? (t(), n("div", Ye, " 当前暂无可订阅方案 ")) : f("", !0)]),
-        _: 1
-      }, 8, ["loading"])), [[x]])]);
-    };
-  }
-}), Pt = /* @__PURE__ */ z(Je, [["__scopeId", "data-v-438004ac"]]);
-export {
-  dt as P,
-  _t as a,
-  gt as b,
-  Pt as c,
-  M as p,
-  ke as r
-};