@yuku123/z-team-component 0.2.80 → 0.2.83

package/dist/InvitationManagementPage-CTPCZXHu.js

@@ -0,0 +1,495 @@
+import { jsxs as i, jsx as e, Fragment as A } from "react/jsx-runtime";
+import { useState as o, useEffect as oe } from "react";
+import { Form as m, message as l, Button as d, Input as B, Row as ae, Col as z, Card as v, Statistic as O, Alert as T, Space as p, Typography as se, Tabs as de, Popconfirm as F, Tag as h, Tooltip as ce, Modal as he, Radio as S, Select as w, InputNumber as ue } from "antd";
+import { PlusOutlined as me, ClockCircleOutlined as _, CheckCircleOutlined as $, LinkOutlined as D, CopyOutlined as b, QrcodeOutlined as U, UserDeleteOutlined as K, TeamOutlined as pe, MailOutlined as j, DeleteOutlined as ye, UserAddOutlined as q, CloseCircleOutlined as N } from "@ant-design/icons";
+import { l as fe, b as ge, g as ve, c as we, d as be, e as Ce, f as xe } from "./api-DXLNhtCX.js";
+import { PageHeader as Ie, TableToolbar as ke, ListTable as W } from "@yuku123/z-frontend-common/ui";
+const { Text: c } = se, Me = () => {
+  const [C] = m.useForm(), [M, P] = o(!1), [y, G] = o([]), [L, H] = o([]), [J, Q] = o(null), [u, V] = o(""), [X, x] = o(!1), [Y, R] = o(!1), [a, E] = o(null), [r, Z] = o(localStorage.getItem("userInfo") && JSON.parse(localStorage.getItem("userInfo") || "{}").tenantCode || "");
+  oe(() => {
+    r && f();
+  }, [r]);
+  const f = async () => {
+    if (!r) {
+      l.warning("请先选择租户");
+      return;
+    }
+    P(!0);
+    try {
+      const [t, n, s] = await Promise.all([
+        fe(r).catch(() => []),
+        ge(r).catch(() => []),
+        ve().catch(() => null)
+      ]);
+      if (G(t || []), H(n || []), s) {
+        Q(s.userId);
+        const k = (s.memberships || []).find((le) => le.tenantCode === r);
+        V((k == null ? void 0 : k.roleCode) || "");
+      }
+    } catch (t) {
+      l.error("加载失败: " + ((t == null ? void 0 : t.message) || t));
+    } finally {
+      P(!1);
+    }
+  }, ee = async () => {
+    try {
+      const t = await C.validateFields();
+      R(!0);
+      const n = await xe({
+        tenantCode: r,
+        inviteeEmail: t.inviteeEmail,
+        roleCode: t.roleCode,
+        type: t.type,
+        maxUses: t.maxUses
+      });
+      n && n.id && (l.success("邀请创建成功！"), E(n), x(!1), C.resetFields(), f());
+    } catch (t) {
+      if (t != null && t.errorFields) return;
+      l.error("创建失败: " + ((t == null ? void 0 : t.message) || t));
+    } finally {
+      R(!1);
+    }
+  }, te = async (t) => {
+    try {
+      await Ce(t, r), l.success("已撤销"), f();
+    } catch (n) {
+      l.error("撤销失败: " + ((n == null ? void 0 : n.message) || n));
+    }
+  }, ne = async (t, n) => {
+    try {
+      await be(t, r), l.success(`已移除成员 ${n}`), f();
+    } catch (s) {
+      l.error("移除失败: " + ((s == null ? void 0 : s.message) || s));
+    }
+  }, ie = async () => {
+    try {
+      await we(r), l.success("已退出该租户"), window.location.href = "/onboarding";
+    } catch (t) {
+      l.error("退出失败: " + ((t == null ? void 0 : t.message) || t));
+    }
+  }, g = (t, n = "已复制") => {
+    navigator.clipboard.writeText(t), l.success(n);
+  }, re = {
+    0: { color: "processing", text: "待接受", icon: /* @__PURE__ */ e(_, {}) },
+    1: { color: "success", text: "已接受", icon: /* @__PURE__ */ e($, {}) },
+    2: { color: "default", text: "已撤销", icon: /* @__PURE__ */ e(N, {}) },
+    3: { color: "error", text: "已过期", icon: /* @__PURE__ */ e(N, {}) }
+  }, I = {
+    total: y.length,
+    pending: y.filter((t) => t.status === 0).length,
+    accepted: y.filter((t) => t.status === 1).length
+  };
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ e(
+      Ie,
+      {
+        title: "邀请管理",
+        subtitle: `租户: ${r}`
+      }
+    ),
+    /* @__PURE__ */ e(
+      ke,
+      {
+        left: /* @__PURE__ */ e(
+          B,
+          {
+            placeholder: "租户编码",
+            value: r,
+            onChange: (t) => Z(t.target.value),
+            onPressEnter: f,
+            style: { width: 200 }
+          }
+        ),
+        right: /* @__PURE__ */ e(d, { type: "primary", icon: /* @__PURE__ */ e(me, {}), onClick: () => x(!0), children: "创建邀请" }),
+        extra: null
+      }
+    ),
+    /* @__PURE__ */ i(ae, { gutter: 16, style: { marginBottom: 16 }, children: [
+      /* @__PURE__ */ e(z, { span: 8, children: /* @__PURE__ */ e(v, { size: "small", children: /* @__PURE__ */ e(O, { title: "总邀请数", value: I.total }) }) }),
+      /* @__PURE__ */ e(z, { span: 8, children: /* @__PURE__ */ e(v, { size: "small", children: /* @__PURE__ */ e(
+        O,
+        {
+          title: "待接受",
+          value: I.pending,
+          styles: { content: { color: "#1890ff" } },
+          prefix: /* @__PURE__ */ e(_, {})
+        }
+      ) }) }),
+      /* @__PURE__ */ e(z, { span: 8, children: /* @__PURE__ */ e(v, { size: "small", children: /* @__PURE__ */ e(
+        O,
+        {
+          title: "已接受",
+          value: I.accepted,
+          styles: { content: { color: "#52c41a" } },
+          prefix: /* @__PURE__ */ e($, {})
+        }
+      ) }) })
+    ] }),
+    a && /* @__PURE__ */ e(
+      T,
+      {
+        type: "success",
+        showIcon: !0,
+        style: { marginBottom: 16 },
+        message: "邀请创建成功！",
+        description: /* @__PURE__ */ i(p, { orientation: "vertical", style: { width: "100%" }, children: [
+          a.inviteUrl && /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e(D, {}),
+            /* @__PURE__ */ e("code", { style: { background: "#f0f0f0", padding: "2px 6px", borderRadius: 3 }, children: a.inviteUrl }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(b, {}),
+                onClick: () => g(a.inviteUrl, "邀请链接已复制"),
+                children: "复制链接"
+              }
+            )
+          ] }),
+          a.inviteCode && /* @__PURE__ */ i(p, { children: [
+            /* @__PURE__ */ e(U, {}),
+            /* @__PURE__ */ e("code", { style: {
+              background: "#f0f0f0",
+              padding: "4px 12px",
+              borderRadius: 4,
+              fontSize: 18,
+              letterSpacing: 4,
+              fontWeight: "bold"
+            }, children: a.inviteCode }),
+            /* @__PURE__ */ e(
+              d,
+              {
+                size: "small",
+                icon: /* @__PURE__ */ e(b, {}),
+                onClick: () => g(a.inviteCode, "邀请码已复制"),
+                children: "复制码"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ i(c, { type: "secondary", style: { fontSize: 12 }, children: [
+            "过期时间: ",
+            new Date(a.expireAt).toLocaleString()
+          ] })
+        ] }),
+        closable: !0,
+        onClose: () => E(null)
+      }
+    ),
+    /* @__PURE__ */ e(v, { size: "small", styles: { body: { paddingTop: 8 } }, children: /* @__PURE__ */ e(
+      de,
+      {
+        size: "small",
+        defaultActiveKey: "members",
+        items: [
+          {
+            key: "members",
+            label: /* @__PURE__ */ i("span", { children: [
+              /* @__PURE__ */ e(pe, {}),
+              " 成员管理 (",
+              L.length,
+              ")"
+            ] }),
+            children: /* @__PURE__ */ i(A, { children: [
+              u && u !== "owner" && /* @__PURE__ */ e(
+                T,
+                {
+                  type: "warning",
+                  showIcon: !0,
+                  style: { marginBottom: 12 },
+                  message: `你是 ${u}, 退出后回游离态, owner 需先转让`,
+                  action: /* @__PURE__ */ e(
+                    F,
+                    {
+                      title: "确认退出该租户?",
+                      description: "退出后将回到游离态, 可重新加入或创建新租户",
+                      onConfirm: ie,
+                      children: /* @__PURE__ */ e(d, { size: "small", danger: !0, icon: /* @__PURE__ */ e(K, {}), children: "退出租户" })
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(
+                W,
+                {
+                  rows: L,
+                  rowKey: "id",
+                  loading: M,
+                  searchKeys: ["userId", "roleCode"],
+                  searchPlaceholder: "按用户 ID / 角色过滤",
+                  emptyTitle: "暂无成员",
+                  emptyDescription: "该租户还没有成员，发个邀请把人拉进来。",
+                  cardProps: { variant: "borderless", styles: { body: { padding: 0 } } },
+                  columns: [
+                    { title: "ID", dataIndex: "id", width: 60 },
+                    { title: "用户ID", dataIndex: "userId", width: 80 },
+                    {
+                      title: "角色",
+                      dataIndex: "roleCode",
+                      width: 100,
+                      render: (t) => /* @__PURE__ */ i(
+                        h,
+                        {
+                          color: t === "owner" ? "gold" : t === "admin" ? "blue" : "default",
+                          children: [
+                            t === "owner" && "👑 ",
+                            t
+                          ]
+                        }
+                      )
+                    },
+                    {
+                      title: "状态",
+                      dataIndex: "memberStatus",
+                      width: 80,
+                      render: (t) => /* @__PURE__ */ e(
+                        h,
+                        {
+                          color: t === 1 ? "success" : "default",
+                          children: t === 1 ? "正常" : "已退出"
+                        }
+                      )
+                    },
+                    {
+                      title: "加入时间",
+                      dataIndex: "joinedAt",
+                      width: 160,
+                      render: (t) => t ? new Date(t).toLocaleString() : "-"
+                    },
+                    {
+                      title: "操作",
+                      width: 100,
+                      fixed: "right",
+                      render: (t, n) => u !== "owner" && u !== "admin" ? /* @__PURE__ */ e(
+                        c,
+                        {
+                          type: "secondary",
+                          children: "-"
+                        }
+                      ) : n.roleCode === "owner" ? /* @__PURE__ */ e(
+                        c,
+                        {
+                          type: "secondary",
+                          children: "owner"
+                        }
+                      ) : n.userId === J ? /* @__PURE__ */ e(c, { type: "secondary", children: "自己" }) : u === "admin" && n.roleCode === "admin" ? /* @__PURE__ */ e(
+                        c,
+                        {
+                          type: "secondary",
+                          children: "-"
+                        }
+                      ) : /* @__PURE__ */ e(
+                        F,
+                        {
+                          title: "确认移除该成员?",
+                          description: "移除后该用户将回游离态, 可重新接受邀请加入",
+                          onConfirm: () => ne(n.id, `userId=${n.userId}`),
+                          children: /* @__PURE__ */ e(
+                            d,
+                            {
+                              size: "small",
+                              type: "text",
+                              danger: !0,
+                              icon: /* @__PURE__ */ e(K, {}),
+                              children: "移除"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  ]
+                }
+              )
+            ] })
+          },
+          {
+            key: "invitations",
+            label: /* @__PURE__ */ i("span", { children: [
+              /* @__PURE__ */ e(q, {}),
+              " 邀请记录 (",
+              y.length,
+              ")"
+            ] }),
+            // 邀请记录 —— 走基座 ListTable：标准分页 + 端侧过滤 + EmptyState。
+            children: /* @__PURE__ */ e(
+              W,
+              {
+                rows: y,
+                rowKey: "id",
+                loading: M,
+                searchKeys: ["inviteeEmail", "roleCode", "status"],
+                searchPlaceholder: "按被邀请人 / 角色 / 状态过滤",
+                emptyTitle: "暂无邀请",
+                emptyDescription: "点右上角创建第一个。",
+                cardProps: { variant: "borderless", styles: { body: { padding: 0 } } },
+                columns: [
+                  { title: "ID", dataIndex: "id", width: 60 },
+                  {
+                    title: "类型",
+                    dataIndex: "type",
+                    width: 80,
+                    render: (t, n) => n.token ? /* @__PURE__ */ e(h, { color: "blue", icon: /* @__PURE__ */ e(D, {}), children: "链接" }) : n.inviteCode ? /* @__PURE__ */ e(h, { color: "purple", icon: /* @__PURE__ */ e(U, {}), children: "码" }) : "-"
+                  },
+                  {
+                    title: "内容",
+                    render: (t, n) => n.token ? /* @__PURE__ */ i(p, { children: [
+                      /* @__PURE__ */ i("code", { style: { fontSize: 11 }, children: [
+                        n.token.substring(0, 16),
+                        "..."
+                      ] }),
+                      /* @__PURE__ */ e(
+                        d,
+                        {
+                          size: "small",
+                          type: "link",
+                          icon: /* @__PURE__ */ e(b, {}),
+                          onClick: () => g(
+                            `https://opc.zopc.top/invite?token=${n.token}`,
+                            "完整链接已复制"
+                          ),
+                          children: "复制"
+                        }
+                      )
+                    ] }) : n.inviteCode ? /* @__PURE__ */ i(p, { children: [
+                      /* @__PURE__ */ e("code", { style: {
+                        fontSize: 16,
+                        letterSpacing: 2,
+                        fontWeight: "bold",
+                        background: "#f0f0f0",
+                        padding: "2px 8px",
+                        borderRadius: 3
+                      }, children: n.inviteCode }),
+                      /* @__PURE__ */ e(
+                        d,
+                        {
+                          size: "small",
+                          type: "link",
+                          icon: /* @__PURE__ */ e(b, {}),
+                          onClick: () => g(n.inviteCode, "邀请码已复制"),
+                          children: "复制"
+                        }
+                      )
+                    ] }) : "-"
+                  },
+                  {
+                    title: "被邀请人",
+                    render: (t, n) => n.inviteeEmail ? /* @__PURE__ */ i(p, { size: 4, children: [
+                      /* @__PURE__ */ e(j, {}),
+                      " ",
+                      n.inviteeEmail
+                    ] }) : n.inviteePhone || /* @__PURE__ */ e(c, { type: "secondary", children: "不限 (公开码)" })
+                  },
+                  {
+                    title: "角色",
+                    dataIndex: "roleCode",
+                    width: 80,
+                    render: (t) => /* @__PURE__ */ e(
+                      h,
+                      {
+                        color: t === "owner" ? "gold" : t === "admin" ? "blue" : "default",
+                        children: t
+                      }
+                    )
+                  },
+                  {
+                    title: "使用情况",
+                    width: 100,
+                    render: (t, n) => /* @__PURE__ */ e(ce, { title: `最多 ${n.maxUses || 1} 次`, children: /* @__PURE__ */ i(h, { children: [
+                      n.usedCount || 0,
+                      " / ",
+                      n.maxUses || 1
+                    ] }) })
+                  },
+                  {
+                    title: "状态",
+                    dataIndex: "status",
+                    width: 90,
+                    render: (t) => {
+                      const n = re[t] || { color: "default", text: "?" };
+                      return /* @__PURE__ */ e(h, { color: n.color, icon: n.icon, children: n.text });
+                    }
+                  },
+                  {
+                    title: "过期时间",
+                    dataIndex: "expireAt",
+                    width: 140,
+                    render: (t) => t ? /* @__PURE__ */ e(
+                      c,
+                      {
+                        type: new Date(t) < /* @__PURE__ */ new Date() ? "danger" : "secondary",
+                        style: { fontSize: 12 },
+                        children: new Date(t).toLocaleString()
+                      }
+                    ) : "-"
+                  },
+                  {
+                    title: "操作",
+                    width: 80,
+                    fixed: "right",
+                    render: (t, n) => n.status === 0 ? /* @__PURE__ */ e(
+                      d,
+                      {
+                        size: "small",
+                        type: "text",
+                        danger: !0,
+                        icon: /* @__PURE__ */ e(ye, {}),
+                        onClick: () => te(n.id),
+                        children: "撤销"
+                      }
+                    ) : /* @__PURE__ */ e(c, { type: "secondary", children: "-" })
+                  }
+                ]
+              }
+            )
+          }
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ i(
+      he,
+      {
+        title: /* @__PURE__ */ i(A, { children: [
+          /* @__PURE__ */ e(q, {}),
+          " 创建邀请"
+        ] }),
+        open: X,
+        onCancel: () => x(!1),
+        onOk: ee,
+        confirmLoading: Y,
+        okText: "创建",
+        children: [
+          /* @__PURE__ */ i(m, { form: C, layout: "vertical", initialValues: { type: "link", roleCode: "member", maxUses: 1 }, children: [
+            /* @__PURE__ */ e(m.Item, { name: "type", label: "类型", rules: [{ required: !0 }], children: /* @__PURE__ */ i(S.Group, { children: [
+              /* @__PURE__ */ i(S.Button, { value: "link", children: [
+                /* @__PURE__ */ e(D, {}),
+                " 邀请链接"
+              ] }),
+              /* @__PURE__ */ i(S.Button, { value: "code", children: [
+                /* @__PURE__ */ e(U, {}),
+                " 邀请码"
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e(m.Item, { name: "inviteeEmail", label: "被邀请人邮箱 (可选, 链接模式可指定)", children: /* @__PURE__ */ e(B, { prefix: /* @__PURE__ */ e(j, {}), placeholder: "留空则任何人都可用 (码模式)" }) }),
+            /* @__PURE__ */ e(m.Item, { name: "roleCode", label: "加入后角色", rules: [{ required: !0 }], children: /* @__PURE__ */ i(w, { children: [
+              /* @__PURE__ */ e(w.Option, { value: "owner", children: "owner (完全管理)" }),
+              /* @__PURE__ */ e(w.Option, { value: "admin", children: "admin (管理员)" }),
+              /* @__PURE__ */ e(w.Option, { value: "member", children: "member (普通成员)" })
+            ] }) }),
+            /* @__PURE__ */ e(
+              m.Item,
+              {
+                name: "maxUses",
+                label: "最大使用次数",
+                extra: "码模式可 > 1 (批量邀请), 链接模式固定 1",
+                children: /* @__PURE__ */ e(ue, { min: 1, max: 100, style: { width: "100%" } })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(T, { type: "info", showIcon: !0, title: "链接模式 7 天过期, 码模式同 7 天" })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Me as default
+};