@huyooo/ui 0.11.5 → 0.11.7

package/dist/useSubscriptionCheckout-BubIsxjO.js

@@ -0,0 +1,386 @@
+import { ref as g, computed as B } from "vue";
+import { f as h } from "./apiClients-KFp-rs-C.js";
+/* empty css               */
+import { Message as v } from "@arco-design/web-vue";
+import { u as H } from "./useEnsureAuthenticated-D78tsddF.js";
+function F(e) {
+  var i;
+  const n = (i = e == null ? void 0 : e.metadata) == null ? void 0 : i.originalPrice;
+  return typeof n == "number" ? n : void 0;
+}
+function J(e) {
+  const n = F(e);
+  return !e || n === void 0 || n <= e.unitAmount ? 0 : Math.round((1 - e.unitAmount / n) * 100);
+}
+function N(e) {
+  var f, d;
+  const n = (f = e == null ? void 0 : e.metadata) == null ? void 0 : f.discountLabel;
+  if (typeof n == "string" && n.trim())
+    return n;
+  const i = (d = e == null ? void 0 : e.metadata) == null ? void 0 : d.savingMonths;
+  return typeof i == "number" && i > 0 ? `买 ${12 - i} 个月送 ${i} 个月` : "";
+}
+function D(e) {
+  return e === void 0 ? 0 : Math.floor(e / 100);
+}
+function X(e, n = 1) {
+  const i = n > 1 ? `每 ${n} ` : "按";
+  switch (e) {
+    case "month":
+      return `${i}月订阅`;
+    case "year":
+      return `${i}年订阅`;
+    case "day":
+      return `${i}天订阅`;
+    case "week":
+      return `${i}周订阅`;
+    default:
+      return "";
+  }
+}
+function Y(e) {
+  const n = e != null && e.intervalCount && e.intervalCount > 1 ? `${e.intervalCount} ` : "";
+  switch (e == null ? void 0 : e.interval) {
+    case "month":
+      return `/ ${n}月`;
+    case "year":
+      return `/ ${n}年`;
+    case "day":
+      return `/ ${n}天`;
+    case "week":
+      return `/ ${n}周`;
+    default:
+      return "";
+  }
+}
+function k(e) {
+  switch (e) {
+    case "day":
+      return "每天";
+    case "week":
+      return "每周";
+    case "month":
+      return "每月";
+    case "year":
+      return "每年";
+    case "lifetime":
+      return "不重置";
+    default:
+      return "";
+  }
+}
+function M(e) {
+  if (e.type === "quota" && e.value !== void 0) {
+    const n = k(e.quotaPeriod), i = n ? ` / ${n}` : "";
+    return `${e.name}: ${e.value === -1 ? "无限" : e.value}${i}`;
+  }
+  if (e.type === "unlimited") {
+    const n = k(e.quotaPeriod);
+    return n ? `${e.name}: 不限 / ${n}` : `${e.name}不限`;
+  }
+  return e.type === "boolean" && e.value === !1 ? `${e.name}（不支持）` : e.name;
+}
+function A(e) {
+  return e.type !== "recurring" || !e.interval ? null : {
+    key: `${e.interval}:${e.intervalCount ?? 1}`,
+    interval: e.interval,
+    intervalCount: e.intervalCount ?? 1
+  };
+}
+function Z(e, n) {
+  const i = {
+    day: 1,
+    week: 2,
+    month: 3,
+    year: 4
+  };
+  return i[e.interval] - i[n.interval] || e.intervalCount - n.intervalCount;
+}
+function ee(e, n) {
+  let i = 0;
+  for (const f of e)
+    for (const d of f.prices) {
+      const o = A(d);
+      (o == null ? void 0 : o.key) === n && (i = Math.max(i, J(d)));
+    }
+  return i > 0 ? `省 ${i}%` : void 0;
+}
+function te(e) {
+  return e.includes(":") ? e : `${e}:1`;
+}
+function x() {
+  return !!localStorage.getItem("jwtToken");
+}
+function fe(e = "month") {
+  const n = g([]), i = g(null), f = g(null), d = g(!1), o = g(!1), l = g(te(e)), a = B(() => {
+    const t = /* @__PURE__ */ new Map();
+    for (const r of n.value)
+      for (const u of r.prices) {
+        const c = A(u);
+        c && t.set(c.key, c);
+      }
+    return [...t.values()].sort(Z).map((r) => ({
+      value: r.key,
+      label: X(r.interval, r.intervalCount),
+      badge: ee(n.value, r.key)
+    }));
+  }), $ = B(() => {
+    var r;
+    const t = [];
+    for (const u of n.value) {
+      const c = u.prices.find((b) => {
+        const w = A(b);
+        return (w == null ? void 0 : w.key) === l.value;
+      }), m = u.prices.find((b) => b.type === "free"), s = c ?? (m && u.prices.every((b) => b.type === "free") ? m : void 0);
+      s && t.push({
+        ...u,
+        features: (r = s.features) != null && r.length ? s.features : u.features,
+        selectedPrice: s
+      });
+    }
+    return t;
+  });
+  function P(t) {
+    l.value = t;
+  }
+  function p(t) {
+    const r = i.value, u = f.value;
+    return r != null && r.priceId && t.selectedPrice ? r.priceId === t.selectedPrice.id : r ? r.productId === t.id : u != null && u.priceId && t.selectedPrice ? u.priceId === t.selectedPrice.id : u ? u.productId === t.id : !1;
+  }
+  function L(t) {
+    var r;
+    return ((r = i.value) == null ? void 0 : r.productId) === t.id;
+  }
+  function y(t) {
+    var r;
+    return ((r = t.selectedPrice) == null ? void 0 : r.type) === "free";
+  }
+  function T() {
+    return !!i.value;
+  }
+  function U(t) {
+    return !!(!t.selectedPrice || p(t) || y(t) && T());
+  }
+  function I(t) {
+    var r;
+    return ((r = t.metadata) == null ? void 0 : r.recommended) === !0;
+  }
+  function j(t) {
+    var r;
+    return D((r = t.selectedPrice) == null ? void 0 : r.unitAmount);
+  }
+  function G(t) {
+    const r = F(t.selectedPrice);
+    return r === void 0 ? void 0 : D(r);
+  }
+  function O(t) {
+    return y(t) ? "" : Y(t.selectedPrice);
+  }
+  function R(t) {
+    var r;
+    if (y(t)) {
+      const u = (r = t.selectedPrice) == null ? void 0 : r.trialPeriodDays;
+      return u ? `${u} 天免费体验` : "免费体验";
+    }
+    return N(t.selectedPrice);
+  }
+  function E(t) {
+    return p(t) ? "当前方案" : I(t) ? "最受欢迎" : "";
+  }
+  function K(t) {
+    const r = [];
+    return p(t) ? r.push({
+      label: "当前方案",
+      type: "current"
+    }) : y(t) ? r.push({
+      label: "免费体验",
+      type: "trial"
+    }) : I(t) && r.push({
+      label: "最受欢迎",
+      type: "recommended"
+    }), r;
+  }
+  function Q(t) {
+    const r = i.value;
+    return p(t) ? "当前方案" : y(t) ? r ? "已订阅付费方案" : x() ? "免费开通" : "免费注册" : r ? L(t) ? "切换周期" : typeof r.unitAmount == "number" && t.selectedPrice.unitAmount > r.unitAmount ? "升级方案" : "切换方案" : "立即订阅";
+  }
+  function V(t, r) {
+    const u = t.features.find((c) => c.type === "quota" && c.value !== void 0);
+    if (u) {
+      const c = k(u.quotaPeriod), m = u.value === -1 ? "不限量" : u.value;
+      return `${u.name} ${c ? `${m} / ${c}` : m}，覆盖核心使用场景。`;
+    }
+    return y(t) ? "注册后自动开通免费权益，适合先体验核心能力。" : r === 1 ? "为正式团队准备的高配能力组合。" : "包含入门所需的核心能力。";
+  }
+  function W(t) {
+    return t.filter((r) => r.highlight !== !1).map((r) => ({
+      title: M(r),
+      description: r.description || ""
+    }));
+  }
+  function _(t) {
+    const r = t.filter((s) => s.highlight !== !1), u = r.filter((s) => s.type === "quota" || s.type === "unlimited").map((s) => ({
+      title: M(s),
+      description: s.description || ""
+    })), c = r.filter((s) => s.type === "boolean" && s.value !== !1).map((s) => ({
+      title: s.name,
+      description: s.description || ""
+    })), m = [];
+    return c.length && m.push({
+      title: "功能特性",
+      items: c
+    }), u.length && m.push({
+      title: "用量配额",
+      items: u
+    }), m;
+  }
+  async function q() {
+    d.value = !0;
+    try {
+      const {
+        data: t,
+        error: r
+      } = await h.products.listActive.post();
+      if (r) {
+        console.error("加载产品列表失败", r);
+        return;
+      }
+      n.value = Array.isArray(t) ? t : [], !a.value.some((c) => c.value === l.value) && a.value[0] && (l.value = a.value[0].value);
+    } finally {
+      d.value = !1;
+    }
+  }
+  async function S() {
+    if (!x()) {
+      i.value = null;
+      return;
+    }
+    o.value = !0;
+    try {
+      const {
+        data: t,
+        error: r
+      } = await h.subscriptions.summary.post();
+      if (r) {
+        console.error("加载当前订阅失败", r);
+        return;
+      }
+      i.value = (t == null ? void 0 : t.current) ?? null, f.value = (t == null ? void 0 : t.trial) ?? null;
+    } finally {
+      o.value = !1;
+    }
+  }
+  async function z() {
+    await Promise.all([q(), S()]);
+  }
+  return {
+    products: n,
+    plans: $,
+    currentSubscription: i,
+    currentTrial: f,
+    listLoading: d,
+    currentLoading: o,
+    billingInterval: l,
+    billingIntervalTabs: a,
+    setBillingInterval: P,
+    isCurrentPlan: p,
+    isSameProduct: L,
+    isRecommendedPlan: I,
+    isFreePlan: y,
+    isPlanActionDisabled: U,
+    getDisplayPrice: j,
+    getDisplayOriginalPrice: G,
+    getDisplayCycle: O,
+    getPromotionLabel: R,
+    getBadgeLabel: E,
+    getBadgeLabels: K,
+    getButtonLabel: Q,
+    getPlanSummary: V,
+    getFeatureItems: W,
+    getFeatureGroups: _,
+    loadProducts: q,
+    loadCurrentSubscription: S,
+    refresh: z
+  };
+}
+function re(e) {
+  window.open(e, "_blank", "noopener,noreferrer");
+}
+function C(e) {
+  return e && typeof e == "object" && "message" in e && typeof e.message == "string" ? e.message : "";
+}
+function ne(e) {
+  return e && typeof e == "object" && "alipayUrl" in e && typeof e.alipayUrl == "string" ? e.alipayUrl : "";
+}
+function ie(e) {
+  return e && typeof e == "object" && "status" in e && e.status === "trialing";
+}
+const ue = h;
+function de(e) {
+  const n = g(null), {
+    ensureAuthenticated: i
+  } = H();
+  async function f(o) {
+    if (!o.selectedPrice) {
+      v.warning("当前方案暂无可购买价格");
+      return;
+    }
+    if (!i(() => f(o))) return;
+    const l = e.currentSubscription.value;
+    if ((l == null ? void 0 : l.priceId) === o.selectedPrice.id) {
+      v.info("当前已经是该方案");
+      return;
+    }
+    n.value = o.id;
+    try {
+      if (o.selectedPrice.type === "free") {
+        if (l) {
+          v.info("当前已有付费订阅，无需重复开通免费体验");
+          return;
+        }
+        const P = await ue.trials.start.post({
+          priceId: o.selectedPrice.id
+        });
+        if (P.error) {
+          v.error(P.error.message || "免费体验开通失败");
+          return;
+        }
+        v.success(C(P.data) || "免费体验已开通"), await e.refreshCurrentSubscription();
+        return;
+      }
+      const a = l ? await h.subscriptions.change.post({
+        subscriptionId: l.id,
+        newPriceId: o.selectedPrice.id,
+        proration: !0
+      }) : await h.subscriptions.create.post({
+        priceId: o.selectedPrice.id
+      });
+      if (a.error) {
+        v.error(a.error.message || "订阅操作失败");
+        return;
+      }
+      const $ = ne(a.data);
+      if ($) {
+        re($);
+        return;
+      }
+      ie(a.data) ? v.success(C(a.data) || "试用已开始") : v.success(C(a.data) || "订阅已更新"), await e.refreshCurrentSubscription();
+    } catch (a) {
+      console.error("订阅操作失败", a), v.error("订阅操作失败，请稍后重试");
+    } finally {
+      n.value = null;
+    }
+  }
+  function d(o) {
+    return n.value === o.id;
+  }
+  return {
+    checkoutPlanId: n,
+    checkout: f,
+    isCheckingOut: d
+  };
+}
+export {
+  de as a,
+  fe as u
+};

package/dist/{useTableHandle-D71P3Ez_.js → useTableHandle-jw0P7-2a.js}

@@ -1,5 +1,5 @@
 /* empty css               */
-import "./apiClients-DVz12LeW.js";
+import "./apiClients-KFp-rs-C.js";
 import { Message as O } from "@arco-design/web-vue";
 import { ref as t } from "vue";
 function A(r) {

package/dist/{useUploadCos-N5pim6q1.js → useUploadCos-keDKcs0j.js}

@@ -1,5 +1,5 @@
 import { c as Ft, g as Ut } from "./_commonjsHelpers-DaMA6jEr.js";
-import { o as mt } from "./apiClients-DVz12LeW.js";
+import { o as mt } from "./apiClients-KFp-rs-C.js";
 var Pt = { exports: {} };
 (function(je, ot) {
   (function(se, E) {

package/dist/user.js

@@ -1,4 +1,4 @@
-import { U as a, a as n, b as r, c as t, d as U, _ as u, e as i, f as M, g as o, h as m, i as I, j as c, k as d, l as b, m as f } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-DpVadjMH.js";
+import { U as a, a as n, b as r, c as t, d as U, _ as u, e as i, f as M, g as o, h as m, i as I, j as c, k as d, l as b, m as f } from "./UserMenuInvitationsItem.vue_vue_type_script_setup_true_lang-Czix4_tj.js";
 export {
   a as UserAccountMenu,
   n as UserAvatar,

package/dist/utils/legacyApi.d.ts

@@ -0,0 +1,18 @@
+export interface LegacyApiRequestConfig {
+    url: string;
+    method?: string;
+    data?: any;
+    headers?: Record<string, string>;
+    baseURL?: string;
+    timeout?: number;
+}
+export interface LegacyApiResponse<T = any> {
+    data: T;
+    status: number;
+    headers: Headers;
+}
+/**
+ * Legacy axios-like request helper kept for older @huyooo/ui consumers.
+ * New code should use typed clients exported from utils/apiClients.
+ */
+export declare function api<T = any>(config: LegacyApiRequestConfig): Promise<LegacyApiResponse<T>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huyooo/ui",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "private": false,
   "type": "module",
   "files": [

package/dist/PricingPlans-CO26OcbJ.js

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