@huyooo/ui 0.11.14 → 0.11.15

package/dist/PricingPlans-D6dM3BKy.js

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

package/dist/composables.js

@@ -10,7 +10,7 @@ import { u as S } from "./useTableHandle-B9aFmwYM.js";
 import { f as w, a as E, g as T, u as R, b as v, c as D, d as G, e as L, w as y } from "./useSEO-DU86KCMJ.js";
 import { u as H } from "./useUploadCos-DTMIoW7p.js";
 import { u as N } from "./useUserMenu-ClPBlvaM.js";
-import { u as j, a as q } from "./useSubscriptionCheckout-Dv8Rq5jU.js";
+import { u as j, a as q } from "./useSubscriptionCheckout-DNLuRGmx.js";
 export {
   w as findActiveMenuPath,
   E as findMenuPath,

package/dist/main.js

@@ -17,7 +17,7 @@ import { n as g2, h as N, U as m2, i as s2, V as L2, j as J, H as Q, k as y2, v
 import { f as t4, a as o4, g as s4, u as a4, b as i4, c as n4, d as r4, e as c4, w as l4 } from "./useSEO-DU86KCMJ.js";
 import { u as d4 } from "./useUploadCos-DTMIoW7p.js";
 import { u as f4 } from "./useUserMenu-ClPBlvaM.js";
-import { u as h4, a as _4 } from "./useSubscriptionCheckout-Dv8Rq5jU.js";
+import { u as h4, a as _4 } from "./useSubscriptionCheckout-DNLuRGmx.js";
 import { A as m4, B as L4, E as y4, a as w4, b as F4, O as M4, P as k4, c as v4, _ as x4, d as H4, S as Z4, e as V4, u as E4 } from "./AuthkitAppSetting-p_ZzaAK3.js";
 import { A as b4, a as S4, b as A4, c as G4, d as P4, e as D4, f as T4, _ as O4, g as B4, O as I4, h as $4, P as N4, i as W4, j as j4, k as R4, R as z4, S as q4, l as K4, m as J4, n as Q4, o as Y4, p as X4, q as e6 } from "./AuthkitGithubBinding-Cwly1un7.js";
 import { u as o6 } from "./useEnsureAuthenticated-MpHmn2co.js";
@@ -37,7 +37,7 @@ import { C as J7, a as Q7 } from "./CollapseItem-DUzZA6tx.js";
 import { C as X7, E as e5 } from "./CustomTable-BUkwlbzN.js";
 import { M as o5, a as s5 } from "./Menu-Cy2ZPeaz.js";
 import { P as i5, u as n5 } from "./PaySubscriptions-DS4kJNb_.js";
-import { P as c5, a as l5 } from "./PricingPlans-v8ZL2XaL.js";
+import { P as c5, a as l5 } from "./PricingPlans-D6dM3BKy.js";
 import { R as d5 } from "./ReferrerReferees-DhS91Ulf.js";
 import { _ as f5 } from "./Upload.vue_vue_type_script_setup_true_lang-DOHui-lA.js";
 import { U as h5, a as _5, b as g5, c as m5, d as L5, _ as y5, e as w5, f as F5, g as M5, h as k5, i as v5, j as x5, k as H5, l as Z5, m as V5 } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-9cF5hBYc.js";

package/dist/pay.js

@@ -1,6 +1,6 @@
 import { P as a, u as r } from "./PaySubscriptions-DS4kJNb_.js";
-import { P as u, a as n } from "./PricingPlans-v8ZL2XaL.js";
-import { u as t, a as P } from "./useSubscriptionCheckout-Dv8Rq5jU.js";
+import { P as u, a as n } from "./PricingPlans-D6dM3BKy.js";
+import { u as t, a as P } from "./useSubscriptionCheckout-DNLuRGmx.js";
 export {
   a as PaySubscriptions,
   u as PricingFAQ,