@huyooo/ui 0.11.1 → 0.11.5

package/dist/PaySubscriptions-B8jAtG5n.js

@@ -0,0 +1,515 @@
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { U as ft } from "./index-D3Kp6R4z.js";
+/* empty css               */
+/* empty css               */
+/* empty css               */
+/* empty css               */
+import { ref as v, computed as f, defineComponent as gt, openBlock as s, createBlock as P, unref as n, isRef as yt, withCtx as o, createElementVNode as i, createElementBlock as l, toDisplayString as u, createTextVNode as d, createVNode as c, createCommentVNode as g, Fragment as bt, renderList as _t } from "vue";
+import { Modal as kt, Button as w, Popconfirm as ht, Tabs as St, TabPane as D, Tag as K, Spin as wt, Empty as Ct, Progress as It } from "@arco-design/web-vue";
+import { f as C } from "./apiClients-DVz12LeW.js";
+import { u as xt } from "./useAuthkitCreateAndUpdate-Bc9D5C6R.js";
+import { C as O } from "./CustomTable-BUkwlbzN.js";
+import { _ as Pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function H() {
+  return {
+    current: null,
+    trial: null,
+    entitlement: null,
+    features: [],
+    quotas: [],
+    pointsBalance: null,
+    pendingInvoice: null
+  };
+}
+function zt() {
+  const m = v(H()), I = v(!1), E = f(() => m.value.current), z = f(() => m.value.trial), L = f(() => m.value.entitlement), y = f(() => m.value.features), k = f(() => m.value.quotas), r = f(() => m.value.pointsBalance), T = f(() => m.value.pendingInvoice);
+  async function A() {
+    I.value = !0;
+    try {
+      const {
+        data: N,
+        error: W
+      } = await C.subscriptions.summary.post();
+      if (W)
+        throw new Error(W.message || "获取订阅摘要失败");
+      m.value = N || H();
+    } finally {
+      I.value = !1;
+    }
+  }
+  return {
+    summary: m,
+    current: E,
+    trial: z,
+    entitlement: L,
+    features: y,
+    quotas: k,
+    pointsBalance: r,
+    pendingInvoice: T,
+    loading: I,
+    refresh: A
+  };
+}
+const At = {
+  class: "content"
+}, Nt = {
+  key: 0,
+  class: "current-subscription-card"
+}, Wt = {
+  class: "subscription-header"
+}, Et = {
+  class: "subscription-info"
+}, Lt = {
+  class: "subscription-actions"
+}, Tt = {
+  class: "subscription-details"
+}, $t = {
+  key: 0,
+  class: "detail-item"
+}, Bt = {
+  key: 1,
+  class: "detail-item"
+}, Ut = {
+  key: 2,
+  class: "detail-item"
+}, qt = {
+  class: "label"
+}, Dt = {
+  key: 3,
+  class: "detail-item warning"
+}, Ft = {
+  key: 4,
+  class: "detail-item"
+}, Vt = {
+  key: 0,
+  class: "pending-invoice-alert"
+}, Mt = {
+  key: 1,
+  class: "no-subscription-row"
+}, Rt = {
+  key: 1
+}, Kt = {
+  key: 0,
+  class: "quotas-loading"
+}, Ot = {
+  key: 1,
+  class: "no-quotas"
+}, Ht = {
+  key: 2,
+  class: "quotas-grid"
+}, jt = {
+  class: "quota-header"
+}, Gt = {
+  class: "quota-name"
+}, Jt = {
+  class: "quota-period"
+}, Qt = {
+  class: "quota-progress"
+}, Xt = {
+  class: "quota-detail"
+}, Yt = {
+  key: 0
+}, Zt = {
+  key: 1
+}, te = {
+  key: 2,
+  class: "reset-time"
+}, ee = /* @__PURE__ */ gt({
+  __name: "PaySubscriptions",
+  emits: ["confirm", "cancel"],
+  setup(m, {
+    expose: I,
+    emit: E
+  }) {
+    const z = E, {
+      changeType: L,
+      show: y
+    } = xt(z), k = v("subscriptions"), {
+      current: r,
+      entitlement: T,
+      quotas: A,
+      pointsBalance: N,
+      pendingInvoice: W,
+      loading: j,
+      refresh: $
+    } = zt(), h = f(() => T.value), F = v([]), B = v(!1), b = v({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), V = v([]), U = v(!1), _ = v({
+      current: 1,
+      pageSize: 10,
+      total: 0
+    }), G = f(() => j.value), J = [{
+      dataIndex: "productName",
+      title: "产品",
+      minWidth: 120
+    }, {
+      dataIndex: "interval",
+      slotName: "interval",
+      title: "周期",
+      minWidth: 80
+    }, {
+      dataIndex: "unitAmount",
+      slotName: "unitAmount",
+      title: "价格",
+      minWidth: 100
+    }, {
+      dataIndex: "status",
+      slotName: "status",
+      title: "状态",
+      minWidth: 100
+    }, {
+      dataIndex: "currentPeriodStart",
+      title: "开始时间",
+      minWidth: 160
+    }, {
+      dataIndex: "currentPeriodEnd",
+      title: "结束时间",
+      minWidth: 160
+    }, {
+      dataIndex: "createAt",
+      title: "创建时间",
+      minWidth: 160
+    }], Q = [{
+      dataIndex: "productName",
+      title: "产品",
+      minWidth: 120
+    }, {
+      dataIndex: "total",
+      slotName: "total",
+      title: "金额",
+      minWidth: 100
+    }, {
+      dataIndex: "status",
+      slotName: "status",
+      title: "状态",
+      minWidth: 100
+    }, {
+      dataIndex: "tradeNo",
+      title: "交易号",
+      minWidth: 200
+    }, {
+      dataIndex: "paidAt",
+      title: "支付时间",
+      minWidth: 160
+    }, {
+      dataIndex: "createAt",
+      title: "创建时间",
+      minWidth: 160
+    }, {
+      dataIndex: "actions",
+      slotName: "actions",
+      title: "操作",
+      minWidth: 100,
+      fixed: "right"
+    }];
+    function X(t) {
+      return {
+        trialing: "blue",
+        active: "green",
+        past_due: "orange",
+        canceled: "gray",
+        expired: "gray",
+        incomplete: "red"
+      }[t] || "gray";
+    }
+    function Y(t) {
+      return {
+        trialing: "试用中",
+        active: "已激活",
+        past_due: "逾期",
+        canceled: "已取消",
+        expired: "已过期",
+        incomplete: "未完成",
+        paused: "已暂停"
+      }[t] || t;
+    }
+    function Z(t) {
+      return {
+        draft: "gray",
+        open: "orange",
+        paid: "green",
+        void: "red",
+        uncollectible: "red"
+      }[t] || "gray";
+    }
+    function tt(t) {
+      return {
+        draft: "草稿",
+        open: "待支付",
+        paid: "已支付",
+        void: "已作废",
+        uncollectible: "无法收款"
+      }[t] || t;
+    }
+    function et(t) {
+      return {
+        day: "每天",
+        week: "每周",
+        month: "每月",
+        year: "每年",
+        lifetime: "不重置"
+      }[t] || t;
+    }
+    function M(t, e = 1) {
+      const p = e > 1 ? `每 ${e} ` : "按", S = {
+        day: `${p}天`,
+        week: `${p}周`,
+        month: `${p}月`,
+        year: `${p}年`
+      };
+      return t ? S[t] || t : "-";
+    }
+    function nt(t, e, p = 1) {
+      if (typeof t != "number") return "-";
+      const S = M(e, p).replace("按", "").replace("每 ", "");
+      return `¥${(t / 100).toFixed(2)} / ${S}`;
+    }
+    function at() {
+      y.value = !1, z("cancel");
+    }
+    function R() {
+      window.location.assign("/Pricing");
+    }
+    function it(t) {
+      window.open(t, "_blank", "noopener,noreferrer");
+    }
+    async function st() {
+      await $();
+    }
+    async function x() {
+      B.value = !0;
+      const {
+        data: t
+      } = await C.subscriptions.my.post({
+        current: b.value.current,
+        pageSize: b.value.pageSize
+      });
+      B.value = !1, t && (F.value = t.items, b.value.total = t.count);
+    }
+    async function q() {
+      U.value = !0;
+      const {
+        data: t
+      } = await C.invoices.my.post({
+        current: _.value.current,
+        pageSize: _.value.pageSize
+      });
+      U.value = !1, t && (V.value = t.items, _.value.total = t.count);
+    }
+    async function ot(t) {
+      const {
+        data: e
+      } = await C.invoices.pay.post({
+        id: t.id
+      });
+      e != null && e.alipayUrl && it(e.alipayUrl);
+    }
+    async function lt() {
+      if (!r.value) return;
+      const {
+        error: t
+      } = await C.subscriptions.cancel.post({
+        subscriptionId: r.value.id,
+        cancelAtPeriodEnd: !0
+      });
+      t || (await $(), await x());
+    }
+    async function rt() {
+      if (!r.value) return;
+      const {
+        error: t
+      } = await C.subscriptions.resume.post({
+        subscriptionId: r.value.id
+      });
+      t || (await $(), await x());
+    }
+    function ut(t) {
+      b.value.current = t, x();
+    }
+    function ct(t) {
+      b.value.pageSize = t, b.value.current = 1, x();
+    }
+    function dt(t) {
+      _.value.current = t, q();
+    }
+    function pt(t) {
+      _.value.pageSize = t, _.value.current = 1, q();
+    }
+    function mt(t) {
+      return (t == null ? void 0 : t.target) === "invoices" ? "invoices" : (t == null ? void 0 : t.target) === "quotas" ? "quotas" : "subscriptions";
+    }
+    function vt(t, e) {
+      y.value = e, L.value = "编辑", k.value = mt(t), e && (st(), x(), q());
+    }
+    return I({
+      setData: vt
+    }), (t, e) => (s(), P(n(kt), {
+      visible: n(y),
+      "onUpdate:visible": e[2] || (e[2] = (p) => yt(y) ? y.value = p : null),
+      loading: !1,
+      "body-class": "SubscriptionsbodyClass",
+      "mask-closable": !1,
+      footer: !1,
+      width: n(ft),
+      onCancel: at
+    }, {
+      title: o(() => [...e[3] || (e[3] = [d(" 订阅管理 ", -1)])]),
+      default: o(() => {
+        var p, S;
+        return [i("div", At, [h.value ? (s(), l("div", Nt, [i("div", Wt, [i("div", Et, [i("h3", null, u(h.value.productName), 1)]), i("div", Lt, [h.value.type === "trial" ? (s(), P(n(w), {
+          key: 0,
+          type: "primary",
+          size: "small",
+          onClick: R
+        }, {
+          default: o(() => [...e[4] || (e[4] = [d(" 立即订阅 ", -1)])]),
+          _: 1
+        })) : (p = n(r)) != null && p.cancelAtPeriodEnd ? (s(), P(n(w), {
+          key: 1,
+          type: "primary",
+          size: "small",
+          onClick: rt
+        }, {
+          default: o(() => [...e[5] || (e[5] = [d(" 恢复订阅 ", -1)])]),
+          _: 1
+        })) : n(r) ? (s(), P(n(ht), {
+          key: 2,
+          content: "取消后订阅将在当前周期结束时失效，确定取消吗？",
+          onOk: lt
+        }, {
+          default: o(() => [c(n(w), {
+            type: "outline",
+            size: "small",
+            status: "warning"
+          }, {
+            default: o(() => [...e[6] || (e[6] = [d(" 取消订阅 ", -1)])]),
+            _: 1
+          })]),
+          _: 1
+        })) : g("", !0)])]), i("div", Tt, [n(r) ? (s(), l("div", $t, [e[7] || (e[7] = i("span", {
+          class: "label"
+        }, "计费周期：", -1)), i("span", null, u(M(n(r).interval, n(r).intervalCount)), 1)])) : g("", !0), n(r) ? (s(), l("div", Bt, [e[8] || (e[8] = i("span", {
+          class: "label"
+        }, "价格：", -1)), i("span", null, u(nt(n(r).unitAmount, n(r).interval, n(r).intervalCount)), 1)])) : g("", !0), h.value.endAt ? (s(), l("div", Ut, [i("span", qt, u(h.value.type === "trial" ? "试用有效期至：" : "当前周期结束："), 1), i("span", null, u(h.value.endAt), 1)])) : g("", !0), (S = n(r)) != null && S.cancelAtPeriodEnd ? (s(), l("div", Dt, [...e[9] || (e[9] = [i("span", {
+          class: "label"
+        }, "订阅将于周期结束后停止", -1)])])) : g("", !0), n(N) ? (s(), l("div", Ft, [e[10] || (e[10] = i("span", {
+          class: "label"
+        }, "积分余额：", -1)), i("span", null, u(n(N).totalPoints), 1)])) : g("", !0)]), n(W) ? (s(), l("div", Vt, [e[12] || (e[12] = i("div", null, [i("strong", null, "存在待支付账单"), i("span", null, "请前往账单记录选择具体账单完成支付。")], -1)), c(n(w), {
+          type: "primary",
+          status: "warning",
+          size: "small",
+          onClick: e[0] || (e[0] = (a) => k.value = "invoices")
+        }, {
+          default: o(() => [...e[11] || (e[11] = [d(" 去处理 ", -1)])]),
+          _: 1
+        })])) : g("", !0)])) : (s(), l("div", Mt, [e[14] || (e[14] = i("span", {
+          class: "no-subscription-text"
+        }, "暂无方案", -1)), c(n(w), {
+          type: "primary",
+          size: "small",
+          onClick: R
+        }, {
+          default: o(() => [...e[13] || (e[13] = [d("查看价格方案", -1)])]),
+          _: 1
+        })])), c(n(St), {
+          "active-key": k.value,
+          "onUpdate:activeKey": e[1] || (e[1] = (a) => k.value = a),
+          class: "subscription-tabs"
+        }, {
+          default: o(() => [c(n(D), {
+            key: "subscriptions",
+            title: "订阅历史"
+          }, {
+            default: o(() => [c(O, {
+              columns: J,
+              data: F.value,
+              loading: B.value,
+              pagination: b.value,
+              onPageChange: ut,
+              onPageSizeChange: ct
+            }, {
+              status: o(({
+                record: a
+              }) => [c(n(K), {
+                color: X(a.status)
+              }, {
+                default: o(() => [d(u(Y(a.status)), 1)]),
+                _: 2
+              }, 1032, ["color"])]),
+              interval: o(({
+                record: a
+              }) => [d(u(a.interval === "month" ? "按月" : a.interval === "year" ? "按年" : a.interval || "-"), 1)]),
+              unitAmount: o(({
+                record: a
+              }) => [d(u(a.unitAmount ? `¥${(a.unitAmount / 100).toFixed(2)}` : "-"), 1)]),
+              _: 1
+            }, 8, ["data", "loading", "pagination"])]),
+            _: 1
+          }), c(n(D), {
+            key: "invoices",
+            title: "账单记录"
+          }, {
+            default: o(() => [c(O, {
+              columns: Q,
+              data: V.value,
+              loading: U.value,
+              pagination: _.value,
+              onPageChange: dt,
+              onPageSizeChange: pt
+            }, {
+              status: o(({
+                record: a
+              }) => [c(n(K), {
+                color: Z(a.status)
+              }, {
+                default: o(() => [d(u(tt(a.status)), 1)]),
+                _: 2
+              }, 1032, ["color"])]),
+              total: o(({
+                record: a
+              }) => [d(" ¥" + u((a.total / 100).toFixed(2)), 1)]),
+              actions: o(({
+                record: a
+              }) => [a.status === "open" ? (s(), P(n(w), {
+                key: 0,
+                type: "primary",
+                status: "warning",
+                size: "mini",
+                onClick: (ne) => ot(a)
+              }, {
+                default: o(() => [...e[15] || (e[15] = [d(" 去支付 ", -1)])]),
+                _: 1
+              }, 8, ["onClick"])) : (s(), l("span", Rt, "-"))]),
+              _: 1
+            }, 8, ["data", "loading", "pagination"])]),
+            _: 1
+          }), c(n(D), {
+            key: "quotas",
+            title: "配额使用"
+          }, {
+            default: o(() => [G.value ? (s(), l("div", Kt, [c(n(wt))])) : n(A).length === 0 ? (s(), l("div", Ot, [c(n(Ct), {
+              description: "暂无配额限制"
+            })])) : (s(), l("div", Ht, [(s(!0), l(bt, null, _t(n(A), (a) => (s(), l("div", {
+              key: a.featureKey,
+              class: "quota-card"
+            }, [i("div", jt, [i("span", Gt, u(a.name), 1), i("span", Jt, u(et(a.period)), 1)]), i("div", Qt, [c(n(It), {
+              percent: a.percentage,
+              status: a.percentage >= 90 ? "danger" : a.percentage >= 70 ? "warning" : "normal"
+            }, null, 8, ["percent", "status"])]), i("div", Xt, [a.unlimited ? (s(), l("span", Yt, "无限制")) : (s(), l("span", Zt, "已使用 " + u(a.used) + " / " + u(a.limit), 1)), a.resetsAt ? (s(), l("span", te, u(a.resetsAt) + " 重置", 1)) : g("", !0)])]))), 128))]))]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["active-key"])])];
+      }),
+      _: 1
+    }, 8, ["visible", "width"]));
+  }
+}), ye = /* @__PURE__ */ Pt(ee, [["__scopeId", "data-v-610f8628"]]);
+export {
+  ye as P,
+  zt as u
+};