@tbox.cn/app-module-member 0.1.0 → 0.2.0

package/dist/chunk-JGZGLFO6.js

@@ -0,0 +1,111 @@
+// src/client/cards/index.tsx
+import { CardFrame, ValueText, StatusPill } from "@tbox.cn/app-sdk/client";
+import { jsx, jsxs } from "react/jsx-runtime";
+var itemStyle = {
+  padding: "8px 0",
+  borderBottom: "1px solid var(--tbox-divider, #f0f0f0)"
+};
+function MemberInfoCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs(CardFrame, { title: "\u4F1A\u5458\u4FE1\u606F", children: [
+    /* @__PURE__ */ jsx(StatusPill, { tone: data.state === "active" ? "success" : "neutral", text: data.state === "active" ? "\u5DF2\u5165\u4F1A" : "\u672A\u5165\u4F1A" }),
+    data.displayName && /* @__PURE__ */ jsx(ValueText, { label: "\u6635\u79F0", value: data.displayName }),
+    data.contactDisplay && /* @__PURE__ */ jsx(ValueText, { label: "\u8054\u7CFB\u65B9\u5F0F", value: data.contactDisplay }),
+    data.memberRef && /* @__PURE__ */ jsx(ValueText, { label: "\u4F1A\u5458\u7F16\u53F7", value: data.memberRef }),
+    data.labels.length > 0 && /* @__PURE__ */ jsx(ValueText, { label: "\u6807\u7B7E", value: data.labels.map((l) => l.name).join(" / ") })
+  ] });
+}
+function MemberCardSummaryCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs(CardFrame, { title: data.cardDisplay, children: [
+    /* @__PURE__ */ jsx(StatusPill, { tone: data.status === "active" ? "success" : "warning", text: data.status === "active" ? "\u6B63\u5E38" : data.status }),
+    data.levelName && /* @__PURE__ */ jsx(ValueText, { label: "\u7B49\u7EA7", value: data.levelName }),
+    /* @__PURE__ */ jsx(ValueText, { label: "\u53EF\u7528\u79EF\u5206", value: String(data.availablePoints) })
+  ] });
+}
+function MemberCouponListCard(props) {
+  const { data } = props;
+  if (data.items.length === 0) return /* @__PURE__ */ jsx(CardFrame, { title: "\u4F18\u60E0\u5238", children: "\u6682\u65E0\u4F18\u60E0\u5238" });
+  return /* @__PURE__ */ jsx(CardFrame, { title: "\u4F18\u60E0\u5238", subtitle: `\u5171 ${data.total} \u5F20`, children: data.items.map((c) => /* @__PURE__ */ jsxs("div", { style: itemStyle, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", gap: 8 }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 600 }, children: c.title }),
+      /* @__PURE__ */ jsx(
+        StatusPill,
+        {
+          tone: c.status === "effective" ? "success" : "neutral",
+          text: c.status === "effective" ? "\u53EF\u4F7F\u7528" : c.status
+        }
+      )
+    ] }),
+    c.benefitText && /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--tbox-primary, #e93b3d)" }, children: c.benefitText }),
+    c.thresholdText && /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: "var(--tbox-text-secondary, #888)" }, children: c.thresholdText })
+  ] }, c.couponRef)) });
+}
+function MemberCouponDetailCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs(CardFrame, { title: data.title, children: [
+    /* @__PURE__ */ jsx(StatusPill, { tone: data.status === "effective" ? "success" : "neutral", text: data.status }),
+    data.benefitText && /* @__PURE__ */ jsx(ValueText, { label: "\u4F18\u60E0", value: data.benefitText }),
+    data.thresholdText && /* @__PURE__ */ jsx(ValueText, { label: "\u95E8\u69DB", value: data.thresholdText }),
+    data.description && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, marginTop: 4 }, children: data.description })
+  ] });
+}
+function MemberPointUsageListCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs(CardFrame, { title: "\u79EF\u5206\u4F59\u989D\u4E0E\u6D41\u6C34", subtitle: `\u7B49\u7EA7 ${data.level}`, children: [
+    /* @__PURE__ */ jsx(ValueText, { label: "\u5F53\u524D\u79EF\u5206", value: String(data.balance) }),
+    data.items.length > 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 8 }, children: data.items.map((u) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", padding: "4px 0" }, children: [
+      /* @__PURE__ */ jsx("span", { style: { fontSize: 13 }, children: u.title }),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            fontSize: 13,
+            color: u.amount.startsWith("-") ? "var(--tbox-primary, #e93b3d)" : "var(--tbox-success, #0f8a5f)"
+          },
+          children: u.amount
+        }
+      )
+    ] }, u.usageRecordRef)) })
+  ] });
+}
+function MemberEnrollmentFormCard(props) {
+  const { data } = props;
+  if (data.state === "active") {
+    return /* @__PURE__ */ jsx(CardFrame, { title: "\u5165\u4F1A", children: /* @__PURE__ */ jsx(StatusPill, { tone: "success", text: "\u5DF2\u5165\u4F1A" }) });
+  }
+  return /* @__PURE__ */ jsx(CardFrame, { title: "\u4F1A\u5458\u5165\u4F1A", subtitle: "\u586B\u5199\u4FE1\u606F\u6210\u4E3A\u4F1A\u5458", children: /* @__PURE__ */ jsxs("div", { style: { fontSize: 13, color: "var(--tbox-text-secondary, #888)", marginBottom: 8 }, children: [
+    "\u5165\u4F1A\u9700\u8981",
+    data.fields.filter((f) => f.required).map((f) => f.label).join("\u3001"),
+    "\uFF0C\u5F53\u524D\u4EE5\u4F1A\u8BDD\u8EAB\u4EFD\u4E00\u952E\u5165\u4F1A\uFF08\u8868\u5355\u586B\u5199\u4E8C\u671F\u5F00\u653E\uFF09\u3002"
+  ] }) });
+}
+function MemberEnrollmentStatusCard(props) {
+  const { data } = props;
+  return /* @__PURE__ */ jsxs(CardFrame, { title: "\u5165\u4F1A\u7ED3\u679C", children: [
+    /* @__PURE__ */ jsx(StatusPill, { tone: data.success ? "success" : "warning", text: data.success ? "\u5165\u4F1A\u6210\u529F" : "\u5165\u4F1A\u5931\u8D25" }),
+    data.memberRef && /* @__PURE__ */ jsx(ValueText, { label: "\u4F1A\u5458\u7F16\u53F7", value: data.memberRef }),
+    data.message && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, marginTop: 4 }, children: data.message })
+  ] });
+}
+
+// src/client/index.ts
+var cards = {
+  "member-info": MemberInfoCard,
+  "member-card-summary": MemberCardSummaryCard,
+  "member-coupon-list": MemberCouponListCard,
+  "member-coupon-detail": MemberCouponDetailCard,
+  "member-point-usage-list": MemberPointUsageListCard,
+  "member-enrollment-form": MemberEnrollmentFormCard,
+  "member-enrollment-status": MemberEnrollmentStatusCard
+};
+var clientModule = {
+  cards,
+  register(ctx) {
+    ctx.cards.registerMap(cards);
+  }
+};
+
+export {
+  clientModule
+};