@yuku123/z-team-component 0.2.102 → 0.2.103

package/dist/OnboardingPage-B9oWippy.js

@@ -1,393 +0,0 @@
-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-DL_MM5cW.js";
-import { b as ze } from "./ComponentDoc-bhNM4jiY.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
-};