@yuku123/z-team-component 0.2.3 → 0.2.5

package/dist/OnboardingPage-BgfMnqG_.js

@@ -0,0 +1,393 @@
+import { jsx as t, jsxs as r, Fragment as b } from "react/jsx-runtime";
+import { useState as a, useMemo as oe, useEffect as W } from "react";
+import { useNavigate as le, useSearchParams as se } from "react-router-dom";
+import { Form as c, message as o, Spin as ce, Typography as de, Card as d, Tag as x, Empty as me, Row as he, Col as fe, Space as S, Avatar as ge, Pagination as pe, Button as T, Result as ue, Modal as E, Input as k, Alert as U } from "antd";
+import { RocketOutlined as q, ApartmentOutlined as ye, CheckCircleOutlined as Ce, PlusOutlined as z, KeyOutlined as m, GiftOutlined as ve, HomeOutlined as we, CrownOutlined as be } from "@ant-design/icons";
+import { g as xe, a as Se, s as Te, r as ke } from "./api-Gpz6URwP.js";
+import { a as ze } from "./ProjectApp-DjHsGbam.js";
+const { Title: u, Text: O, Paragraph: Oe } = de, y = 12, Me = () => {
+  const L = le(), [H] = se(), [_, I] = a(!0), [i, $] = a(null), [l, G] = a([]), [A, F] = a(0), [h, B] = a(""), [C, K] = a(1), X = oe(() => {
+    const e = (C - 1) * y;
+    return l.slice(e, e + y);
+  }, [l, C]), [Z, f] = a(!1), [P] = c.useForm(), [J, j] = a(!1), [D, g] = a(!1), [R] = c.useForm(), [Q, M] = a(!1), v = H.get("invite") || "";
+  W(() => {
+    V();
+  }, []), W(() => {
+    v && i && ne(v);
+  }, [v, i]);
+  const V = async () => {
+    I(!0);
+    try {
+      const e = await xe();
+      $(e), G(e.memberships || []), e.tenantCount === 0 ? F(1) : (F(0), e.memberships && e.memberships.length > 0 && B(e.memberships[0].tenantCode));
+    } catch (e) {
+      o.error("加载租户信息失败: " + ((e == null ? void 0 : e.message) || e));
+    } finally {
+      I(!1);
+    }
+  }, p = async (e) => {
+    try {
+      const n = await Te(e);
+      n && n.token && (localStorage.setItem("token", n.token), o.success(`已自动进入 ${e} 租户`), L("/ctc"));
+    } catch (n) {
+      o.error("进入租户失败: " + ((n == null ? void 0 : n.message) || n));
+    }
+  }, Y = async () => {
+    if (!h) {
+      o.warning("请先选择一个租户");
+      return;
+    }
+    await p(h);
+  }, ee = async () => {
+    try {
+      const e = await P.validateFields();
+      j(!0);
+      const n = JSON.parse(localStorage.getItem("userInfo") || "null") || {}, s = await ze.post("/ctc/ac/tenants", {
+        tenantCode: e.tenantCode,
+        tenantName: e.tenantName
+      }, {
+        headers: {
+          "X-User-Id": String(n.userId || n.id || "")
+        }
+      });
+      if (s && (s.tenantCode || s.id)) {
+        const w = s.tenantCode || e.tenantCode;
+        o.success("租户创建成功！正在进入..."), f(!1), await p(w);
+      }
+    } catch (e) {
+      if (e != null && e.errorFields) return;
+      o.error("创建失败: " + ((e == null ? void 0 : e.message) || e));
+    } finally {
+      j(!1);
+    }
+  }, te = async () => {
+    try {
+      const e = await R.validateFields();
+      M(!0);
+      const n = await ke(e.code.trim().toUpperCase());
+      n && n.tenantCode && (o.success("加入成功！正在进入..."), g(!1), await p(n.tenantCode));
+    } catch (e) {
+      if (e != null && e.errorFields) return;
+      o.error("兑换失败: " + ((e == null ? void 0 : e.message) || e));
+    } finally {
+      M(!1);
+    }
+  }, ne = async (e) => {
+    try {
+      const n = await Se(e);
+      n && n.tenantCode && (o.success("已接受邀请！正在进入..."), await p(n.tenantCode));
+    } catch (n) {
+      o.error("接受邀请失败: " + ((n == null ? void 0 : n.message) || n));
+    }
+  };
+  return _ ? /* @__PURE__ */ t("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh" }, children: /* @__PURE__ */ t(ce, { size: "large", description: "加载中..." }) }) : /* @__PURE__ */ r("div", { style: {
+    minHeight: "100vh",
+    background: "linear-gradient(135deg, #1677ff 0%, #0958d9 100%)",
+    padding: "40px 20px"
+  }, children: [
+    /* @__PURE__ */ r("div", { style: { maxWidth: 720, margin: "0 auto" }, children: [
+      /* @__PURE__ */ r("div", { style: { textAlign: "center", marginBottom: 24, color: "#fff" }, children: [
+        /* @__PURE__ */ t(q, { style: { fontSize: 40, marginBottom: 8 } }),
+        /* @__PURE__ */ r(u, { level: 2, style: {
+          color: "#fff",
+          margin: 0
+        }, children: [
+          "欢迎, ",
+          (i == null ? void 0 : i.nickname) || (i == null ? void 0 : i.username) || (i == null ? void 0 : i.email)
+        ] }),
+        /* @__PURE__ */ t(O, { style: { color: "rgba(255,255,255,0.85)" }, children: "选择你的工作空间" })
+      ] }),
+      A === 0 && /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ r("div", { style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: 8,
+          flexWrap: "wrap",
+          gap: 8
+        }, children: [
+          /* @__PURE__ */ r(u, { level: 4, style: { margin: 0 }, children: [
+            /* @__PURE__ */ t(ye, {}),
+            " 选择工作空间"
+          ] }),
+          /* @__PURE__ */ r(x, { color: "blue", children: [
+            l.length,
+            " 个租户"
+          ] })
+        ] }),
+        /* @__PURE__ */ t(Oe, { type: "secondary", style: { marginBottom: 20 }, children: l.length === 0 ? "你还没有加入任何租户，可以创建新租户 / 输入邀请码加入：" : l.length > 1 ? `你属于 ${l.length} 个租户，点击选择一个进入：` : "你当前属于 1 个租户，可以直接进入，或创建新租户 / 加入其他组织：" }),
+        l.length === 0 ? /* @__PURE__ */ t(
+          me,
+          {
+            description: "你还没有加入任何租户",
+            style: { padding: "40px 0" }
+          }
+        ) : /* @__PURE__ */ r(b, { children: [
+          /* @__PURE__ */ t(he, { gutter: [16, 16], children: X.map((e) => {
+            var N;
+            const n = h === e.tenantCode, s = e.roleCode === "owner", w = e.roleCode === "admin", re = s ? "gold" : w ? "blue" : "default", ie = s ? /* @__PURE__ */ t(be, {}) : null, ae = ((N = (e.tenantName || e.tenantCode || "?").trim()[0]) == null ? void 0 : N.toUpperCase()) || "?";
+            return /* @__PURE__ */ t(fe, { xs: 24, sm: 12, md: 12, lg: 8, children: /* @__PURE__ */ r(
+              d,
+              {
+                hoverable: !0,
+                onClick: () => B(e.tenantCode),
+                style: {
+                  cursor: "pointer",
+                  position: "relative",
+                  borderColor: n ? "#1677ff" : void 0,
+                  borderWidth: n ? 2 : 1,
+                  boxShadow: n ? "0 0 0 2px rgba(22,119,255,0.15)" : void 0,
+                  transition: "all 0.2s",
+                  height: "100%"
+                },
+                styles: { body: { padding: 16 } },
+                children: [
+                  n && /* @__PURE__ */ t(
+                    Ce,
+                    {
+                      style: {
+                        position: "absolute",
+                        top: 8,
+                        right: 8,
+                        color: "#1677ff",
+                        fontSize: 20,
+                        zIndex: 1
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ r(S, { align: "start", size: 12, style: { width: "100%" }, children: [
+                    /* @__PURE__ */ t(
+                      ge,
+                      {
+                        size: 48,
+                        style: {
+                          backgroundColor: n ? "#1677ff" : "#f0f0f0",
+                          color: n ? "#fff" : "#595959",
+                          fontWeight: 600,
+                          flexShrink: 0
+                        },
+                        children: ae
+                      }
+                    ),
+                    /* @__PURE__ */ r("div", { style: { flex: 1, minWidth: 0 }, children: [
+                      /* @__PURE__ */ t("div", { style: {
+                        fontWeight: 600,
+                        fontSize: 15,
+                        marginBottom: 4,
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap"
+                      }, children: e.tenantName || e.tenantCode }),
+                      /* @__PURE__ */ r(S, { size: 4, wrap: !0, style: { marginBottom: 6 }, children: [
+                        /* @__PURE__ */ t(
+                          x,
+                          {
+                            color: re,
+                            icon: ie,
+                            style: { margin: 0 },
+                            children: e.roleCode
+                          }
+                        ),
+                        e.memberStatus === 0 && /* @__PURE__ */ t(
+                          x,
+                          {
+                            color: "default",
+                            style: { margin: 0 },
+                            children: "未激活"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ t("div", { style: {
+                        color: "#8c8c8c",
+                        fontSize: 12,
+                        fontFamily: "monospace",
+                        overflow: "hidden",
+                        textOverflow: "ellipsis",
+                        whiteSpace: "nowrap"
+                      }, children: e.tenantCode }),
+                      e.joinedAt && /* @__PURE__ */ r("div", { style: {
+                        color: "#bfbfbf",
+                        fontSize: 11,
+                        marginTop: 4
+                      }, children: [
+                        "加入于 ",
+                        e.joinedAt.slice(0, 10)
+                      ] })
+                    ] })
+                  ] })
+                ]
+              }
+            ) }, e.tenantCode);
+          }) }),
+          l.length > y && /* @__PURE__ */ t("div", { style: {
+            display: "flex",
+            justifyContent: "center",
+            marginTop: 24
+          }, children: /* @__PURE__ */ t(
+            pe,
+            {
+              current: C,
+              pageSize: y,
+              total: l.length,
+              onChange: K,
+              showSizeChanger: !1
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r("div", { style: {
+          marginTop: 24,
+          paddingTop: 16,
+          borderTop: "1px solid #f0f0f0",
+          display: "flex",
+          gap: 8,
+          justifyContent: "space-between",
+          alignItems: "center",
+          flexWrap: "wrap"
+        }, children: [
+          /* @__PURE__ */ r(S, { children: [
+            /* @__PURE__ */ t(T, { icon: /* @__PURE__ */ t(z, {}), onClick: () => f(!0), children: "创建新租户" }),
+            /* @__PURE__ */ t(T, { icon: /* @__PURE__ */ t(m, {}), onClick: () => g(!0), children: "输入邀请码加入" })
+          ] }),
+          /* @__PURE__ */ t(
+            T,
+            {
+              type: "primary",
+              size: "large",
+              icon: /* @__PURE__ */ t(q, {}),
+              onClick: Y,
+              disabled: !h,
+              children: "进入选中的租户"
+            }
+          )
+        ] })
+      ] }),
+      A === 1 && /* @__PURE__ */ r(d, { children: [
+        /* @__PURE__ */ t(
+          ue,
+          {
+            icon: /* @__PURE__ */ t(ve, { style: { color: "#1677ff" } }),
+            title: "你还没有加入任何组织",
+            subTitle: "FEATURE049 · 多租户身份模型. 选择下面任一方式开始:"
+          }
+        ),
+        /* @__PURE__ */ r("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 16, marginTop: 16 }, children: [
+          /* @__PURE__ */ r(
+            d,
+            {
+              hoverable: !0,
+              onClick: () => f(!0),
+              style: { textAlign: "center", cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ t(z, { style: { fontSize: 32, color: "#1677ff", marginBottom: 8 } }),
+                /* @__PURE__ */ t(u, { level: 5, style: { margin: 0 }, children: "创建我的组织" }),
+                /* @__PURE__ */ t(O, { type: "secondary", style: { fontSize: 12 }, children: "第一个组织, 你将是 owner" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            d,
+            {
+              hoverable: !0,
+              onClick: () => g(!0),
+              style: { textAlign: "center", cursor: "pointer" },
+              children: [
+                /* @__PURE__ */ t(m, { style: { fontSize: 32, color: "#52c41a", marginBottom: 8 } }),
+                /* @__PURE__ */ t(u, { level: 5, style: { margin: 0 }, children: "输入邀请码" }),
+                /* @__PURE__ */ t(O, { type: "secondary", style: { fontSize: 12 }, children: "有同事给你的 6 位码" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(
+      E,
+      {
+        title: /* @__PURE__ */ r(b, { children: [
+          /* @__PURE__ */ t(z, {}),
+          " 创建新组织"
+        ] }),
+        open: Z,
+        onCancel: () => f(!1),
+        onOk: ee,
+        confirmLoading: J,
+        okText: "创建",
+        children: [
+          /* @__PURE__ */ r(c, { form: P, layout: "vertical", children: [
+            /* @__PURE__ */ t(
+              c.Item,
+              {
+                name: "tenantName",
+                label: "组织名称",
+                rules: [{ required: !0, message: "请输入组织名称" }],
+                children: /* @__PURE__ */ t(k, { prefix: /* @__PURE__ */ t(we, {}), placeholder: "如: 我的公司" })
+              }
+            ),
+            /* @__PURE__ */ t(
+              c.Item,
+              {
+                name: "tenantCode",
+                label: "组织编码",
+                extra: "英文+数字, 唯一标识, 创建后不可改",
+                rules: [
+                  { required: !0, message: "请输入组织编码" },
+                  { pattern: /^[a-zA-Z0-9_]{3,32}$/, message: "3-32 位字母数字下划线" }
+                ],
+                children: /* @__PURE__ */ t(k, { prefix: /* @__PURE__ */ t(m, {}), placeholder: "如: my_company" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(
+            U,
+            {
+              type: "info",
+              showIcon: !0,
+              title: "创建后你将自动成为该组织的 owner, 可邀请他人加入"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      E,
+      {
+        title: /* @__PURE__ */ r(b, { children: [
+          /* @__PURE__ */ t(m, {}),
+          " 输入邀请码"
+        ] }),
+        open: D,
+        onCancel: () => g(!1),
+        onOk: te,
+        confirmLoading: Q,
+        okText: "加入",
+        children: [
+          /* @__PURE__ */ t(c, { form: R, layout: "vertical", children: /* @__PURE__ */ t(
+            c.Item,
+            {
+              name: "code",
+              label: "6 位邀请码",
+              rules: [
+                { required: !0, message: "请输入邀请码" },
+                { len: 6, message: "邀请码为 6 位" }
+              ],
+              children: /* @__PURE__ */ t(
+                k,
+                {
+                  prefix: /* @__PURE__ */ t(m, {}),
+                  placeholder: "如: X7K2M9",
+                  maxLength: 6,
+                  style: { textTransform: "uppercase", fontSize: 20, letterSpacing: 4 },
+                  size: "large"
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ t(U, { type: "info", showIcon: !0, title: "加入后, 你将获得该组织指定角色的访问权限" })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Me as default
+};