@morehao/ark-iam-react 0.0.0-stage → 1.0.0

package/dist/_types/ui/index.js

@@ -0,0 +1,1233 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useEffect, useMemo, forwardRef, useRef } from "react";
+import { Dropdown, Tag, Tooltip, App, Space, Button, Popconfirm, Form, Modal, Tabs, Avatar, Descriptions, Input, message, Table, theme, Layout, Menu, Badge, Typography, Card, Alert, Select, Spin, ConfigProvider } from "antd";
+import { SwapOutlined, DownOutlined, UserSwitchOutlined, LogoutOutlined, SafetyCertificateOutlined, UserOutlined, MenuUnfoldOutlined, MenuFoldOutlined, ArrowRightOutlined, CopyOutlined } from "@ant-design/icons";
+import { useNavigate, useLocation, Outlet } from "react-router-dom";
+import { useTenantSwitching, getCurrentTenantId, useAuthGuard, useLogout } from "@ark-iam/auth";
+import { useAuth } from "react-oidc-context";
+import { getPersonDetail, getSessionList, revokeAllSessions, updatePassword, revokeSession } from "@ark-iam/api";
+import zhCN from "antd/locale/zh_CN";
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+const tokens = {
+  // 品牌 Brand：靛蓝 → 紫，仅用于主按钮 / 链接 / 选中态 / 登录与 Logo 品牌区
+  primary: "#4f6ef7",
+  primaryHover: "#6b86ff",
+  primaryActive: "#3a55d6",
+  gradient: "linear-gradient(135deg, #4f6ef7 0%, #7a5af8 55%, #a855f7 100%)",
+  gradientSoft: "linear-gradient(135deg, #eef2ff 0%, #f5f0ff 100%)",
+  purple: "#7a5af8",
+  // 品牌紫：分类图标/点缀强调（极少量）
+  selectedBg: "rgba(79, 110, 247, 0.14)",
+  // 深色导航选中项柔和底（非整块亮色）
+  // 表面 Surface（中性灰阶，禁用靛蓝淡底 tint）
+  bg: "#f6f7f9",
+  // 页面布局底色（冷白）
+  cardBg: "#ffffff",
+  sidebarBg: "#0f172a",
+  headerBg: "#ffffff",
+  tableHeaderBg: "#f7f8fa",
+  rowHoverBg: "#f3f4f6",
+  softFill: "#f1f3f5",
+  // 中性填充底（统计卡图标底、应用固定条等）
+  codeBg: "#fafafa",
+  // 代码/内容块底色
+  // 边框 Border（冷调 hairline，卡片分层的主语言）
+  border: "#e6e9ef",
+  borderStrong: "#d3d8e0",
+  // 更强的分割线（Header 内分割线等）
+  // 文字 Text（三级 hex 灰阶）
+  text: "#1f2430",
+  textSecondary: "#64748d",
+  // 借鉴 Stripe ink-mute
+  textPlaceholder: "#94a3b8",
+  // 空态/占位辅助文字
+  // 语义色 Semantic（与 antd colorSuccess/Warning/Error 对齐，仅状态 Tag/告警使用）
+  success: "#22c55e",
+  warning: "#f59e0b",
+  error: "#ef4444",
+  warningBg: "#fffbe6",
+  // 轻量告警底色
+  warningBorder: "#ffe58f"
+  // 轻量告警描边
+};
+const brand = {
+  primary: tokens.primary,
+  primaryHover: tokens.primaryHover,
+  primaryActive: tokens.primaryActive,
+  gradient: tokens.gradient,
+  gradientSoft: tokens.gradientSoft,
+  bg: tokens.bg,
+  sidebarBg: tokens.sidebarBg,
+  text: tokens.text,
+  textSecondary: tokens.textSecondary
+};
+const themeConfig = {
+  token: {
+    colorPrimary: tokens.primary,
+    colorInfo: tokens.primary,
+    colorLink: tokens.primary,
+    colorSuccess: tokens.success,
+    colorWarning: tokens.warning,
+    colorError: tokens.error,
+    colorBgLayout: tokens.bg,
+    colorBorderSecondary: tokens.border,
+    // hairline 统一为冷调
+    borderRadius: 8,
+    borderRadiusLG: 12,
+    colorText: tokens.text,
+    colorTextSecondary: tokens.textSecondary,
+    fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif",
+    boxShadowSecondary: "0 6px 24px rgba(15, 23, 42, 0.08)"
+    // 仅浮层/Modal 使用
+  },
+  components: {
+    Layout: {
+      headerBg: tokens.headerBg,
+      headerHeight: 56,
+      siderBg: tokens.sidebarBg,
+      bodyBg: tokens.bg
+    },
+    Menu: {
+      darkItemBg: tokens.sidebarBg,
+      darkItemSelectedBg: tokens.selectedBg,
+      darkItemSelectedColor: "#ffffff",
+      darkItemHoverBg: "rgba(255,255,255,0.08)",
+      itemBorderRadius: 8,
+      itemHeight: 42
+    },
+    Card: {
+      headerFontSize: 15
+    },
+    Table: {
+      headerBg: tokens.tableHeaderBg,
+      headerColor: tokens.textSecondary,
+      rowHoverBg: tokens.rowHoverBg
+    },
+    Modal: {
+      borderRadiusLG: 14
+    }
+  }
+};
+function TenantSwitcher() {
+  var _a;
+  const { tenants, loadTenants, handleSwitchTenant } = useTenantSwitching();
+  const currentId = getCurrentTenantId();
+  const currentName = ((_a = tenants.find((t) => String(t.tenantID) === currentId)) == null ? void 0 : _a.name) || "当前租户";
+  return /* @__PURE__ */ jsx(
+    Dropdown,
+    {
+      menu: {
+        items: tenants.map((t) => ({
+          key: `tenant-${t.tenantID}`,
+          label: /* @__PURE__ */ jsxs("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            t.name,
+            String(t.tenantID) === currentId && /* @__PURE__ */ jsx(Tag, { color: "blue", style: { marginInlineEnd: 0 }, children: "当前" })
+          ] }),
+          disabled: String(t.tenantID) === currentId,
+          onClick: () => handleSwitchTenant(t.tenantID)
+        }))
+      },
+      onOpenChange: (open) => {
+        if (open) void loadTenants();
+      },
+      children: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          style: {
+            color: tokens.text,
+            cursor: "pointer",
+            fontSize: 13,
+            lineHeight: 1,
+            display: "inline-flex",
+            alignItems: "center",
+            height: 32,
+            padding: "0 12px",
+            boxSizing: "border-box",
+            borderRadius: 8,
+            border: `1px solid ${tokens.borderStrong}`,
+            background: tokens.tableHeaderBg,
+            transition: "all 0.2s"
+          },
+          className: "tenant-switcher",
+          children: [
+            /* @__PURE__ */ jsx(SwapOutlined, { style: { color: tokens.primary } }),
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: 500, lineHeight: 1 }, children: currentName })
+          ]
+        }
+      )
+    }
+  );
+}
+function IDCell({ value, prefix = 8, suffix = 4 }) {
+  const text = value == null ? "" : String(value);
+  if (!text) return /* @__PURE__ */ jsx("span", { children: "-" });
+  const short = text.length > prefix + suffix + 1 ? `${text.slice(0, prefix)}…${text.slice(-suffix)}` : text;
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: text,
+      mouseEnterDelay: 0.3,
+      mouseLeaveDelay: 0.6,
+      styles: { body: { userSelect: "text" } },
+      children: /* @__PURE__ */ jsx("span", { style: { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 12 }, children: short })
+    }
+  );
+}
+function EllipsisCell({ value, limit, monospace = false, placeholder = "-" }) {
+  const text = value == null ? "" : String(value);
+  if (!text) return /* @__PURE__ */ jsx("span", { children: placeholder });
+  const display = limit && text.length > limit ? `${text.slice(0, limit)}…` : text;
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: text,
+      mouseEnterDelay: 0.3,
+      mouseLeaveDelay: 0.6,
+      styles: { body: { userSelect: "text" } },
+      children: /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: {
+            display: "inline-block",
+            maxWidth: "100%",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            verticalAlign: "bottom",
+            ...monospace ? { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 12 } : {}
+          },
+          children: display
+        }
+      )
+    }
+  );
+}
+function RowActions({ actions, max = 3 }) {
+  const { modal } = App.useApp();
+  const visible = actions.filter((action) => !action.hidden);
+  if (visible.length === 0) return null;
+  const renderInline = (action) => {
+    if (!action.confirm) {
+      return /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "link",
+          size: "small",
+          danger: action.danger,
+          disabled: action.disabled,
+          icon: action.icon,
+          onClick: action.onClick,
+          children: action.label
+        },
+        action.key
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Popconfirm,
+      {
+        title: action.confirm,
+        disabled: action.disabled,
+        onConfirm: action.onClick,
+        children: /* @__PURE__ */ jsx(Button, { type: "link", size: "small", danger: action.danger, disabled: action.disabled, icon: action.icon, children: action.label })
+      },
+      action.key
+    );
+  };
+  if (visible.length <= max) {
+    return /* @__PURE__ */ jsx(Space, { size: 4, children: visible.map(renderInline) });
+  }
+  const inline = visible.slice(0, Math.max(1, max - 1));
+  const overflow = visible.slice(Math.max(1, max - 1));
+  const items = overflow.map((action) => ({
+    key: action.key,
+    label: action.label,
+    icon: action.icon,
+    danger: action.danger,
+    disabled: action.disabled
+  }));
+  const handleMenuClick = ({ key }) => {
+    var _a;
+    const action = overflow.find((item) => item.key === key);
+    if (!action) return;
+    if (action.confirm) {
+      modal.confirm({
+        title: action.confirm,
+        okButtonProps: { danger: action.danger },
+        onOk: () => {
+          var _a2;
+          return (_a2 = action.onClick) == null ? void 0 : _a2.call(action);
+        }
+      });
+      return;
+    }
+    (_a = action.onClick) == null ? void 0 : _a.call(action);
+  };
+  return /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+    inline.map(renderInline),
+    /* @__PURE__ */ jsx(Dropdown, { menu: { items, onClick: handleMenuClick }, trigger: ["click"], children: /* @__PURE__ */ jsxs(Button, { type: "link", size: "small", children: [
+      "更多 ",
+      /* @__PURE__ */ jsx(DownOutlined, { style: { fontSize: 10 } })
+    ] }) })
+  ] });
+}
+function fmtTime(value) {
+  if (value == null || value === "" || value === 0) return "-";
+  if (typeof value === "number") {
+    const ms = toMillis(value);
+    const d = new Date(ms);
+    if (Number.isNaN(d.getTime())) return String(value);
+    const pad = (n) => String(n).padStart(2, "0");
+    return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+  }
+  return value;
+}
+function toMillis(value) {
+  return value < 1e12 ? value * 1e3 : value;
+}
+const REL_MINUTE = 60;
+const REL_HOUR = 60 * REL_MINUTE;
+const REL_DAY = 24 * REL_HOUR;
+const REL_MONTH = 30 * REL_DAY;
+const REL_YEAR = 365 * REL_DAY;
+function fmtRelativeTime(value, now = Date.now()) {
+  if (value == null || value === "" || value === 0) return "";
+  if (typeof value !== "number") return String(value);
+  const ms = toMillis(value);
+  if (Number.isNaN(ms)) return String(value);
+  const diff = Math.floor((now - ms) / 1e3);
+  if (diff < 0) return fmtTime(value);
+  if (diff < REL_MINUTE) return "刚刚";
+  if (diff < REL_HOUR) return `${Math.floor(diff / REL_MINUTE)} 分钟前`;
+  if (diff < REL_DAY) return `${Math.floor(diff / REL_HOUR)} 小时前`;
+  if (diff < REL_MONTH) return `${Math.floor(diff / REL_DAY)} 天前`;
+  if (diff < REL_YEAR) return `${Math.floor(diff / REL_MONTH)} 个月前`;
+  return `${Math.floor(diff / REL_YEAR)} 年前`;
+}
+const TIME_COL_WIDTH = 180;
+const TIME_COL_WIDTH_RELATIVE = 120;
+function TimeCell({ value, placeholder = "-", relative = false }) {
+  if (value == null || value === "" || value === 0) {
+    return /* @__PURE__ */ jsx("span", { style: { color: tokens.textPlaceholder }, children: placeholder });
+  }
+  const absolute = fmtTime(value);
+  if (!relative) return /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: absolute });
+  const text = fmtRelativeTime(value);
+  return /* @__PURE__ */ jsx(Tooltip, { title: absolute, mouseEnterDelay: 0.3, children: /* @__PURE__ */ jsx("span", { style: { whiteSpace: "nowrap" }, children: text || absolute }) });
+}
+function timeColumn({
+  title,
+  dataIndex,
+  width,
+  placeholder,
+  relative = false
+}) {
+  return {
+    title,
+    dataIndex,
+    key: dataIndex,
+    width: width ?? (relative ? TIME_COL_WIDTH_RELATIVE : TIME_COL_WIDTH),
+    render: (value) => /* @__PURE__ */ jsx(TimeCell, { value, placeholder, relative })
+  };
+}
+function ProfileCenter({ open, onClose }) {
+  var _a, _b;
+  const [person, setPerson] = useState(null);
+  const [sessions, setSessions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [form] = Form.useForm();
+  const loadPerson = useCallback(async () => {
+    try {
+      setPerson(await getPersonDetail());
+    } catch {
+    }
+  }, []);
+  const loadSessions = useCallback(async () => {
+    setLoading(true);
+    try {
+      const pages = await Promise.all(
+        [1, 2, 3, 4, 5].map((p) => getSessionList({ page: p, pageSize: 10 }).catch(() => ({ list: [], total: 0 })))
+      );
+      const seen = /* @__PURE__ */ new Set();
+      const merged = [];
+      for (const resp of pages) {
+        for (const s of resp.list || []) {
+          if (!seen.has(s.id)) {
+            seen.add(s.id);
+            merged.push(s);
+          }
+        }
+      }
+      setSessions(merged);
+    } catch {
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (open) {
+      void loadPerson();
+      void loadSessions();
+    }
+  }, [open, loadPerson, loadSessions]);
+  const submitPassword = async () => {
+    try {
+      const values = await form.validateFields();
+      if (values.newPassword !== values.confirmPassword) {
+        message.warning("两次输入的新密码不一致");
+        return;
+      }
+      await updatePassword({ oldPassword: values.oldPassword, newPassword: values.newPassword });
+      message.success("密码已修改");
+      form.resetFields();
+    } catch {
+    }
+  };
+  const columns = [
+    { title: "会话ID", dataIndex: "sessionID", key: "sessionID", width: 160, render: (v) => /* @__PURE__ */ jsx(IDCell, { value: v }) },
+    { title: "客户端", dataIndex: "clientType", key: "clientType", width: 110 },
+    { title: "IP", dataIndex: "clientIP", key: "clientIP", width: 130 },
+    {
+      title: "状态",
+      dataIndex: "isActive",
+      key: "isActive",
+      width: 90,
+      render: (v) => v ? /* @__PURE__ */ jsx(Tag, { color: "success", children: "活跃" }) : /* @__PURE__ */ jsx(Tag, { color: "default", children: "已失效" })
+    },
+    {
+      title: "UserAgent",
+      dataIndex: "userAgent",
+      key: "userAgent",
+      render: (v) => /* @__PURE__ */ jsx(EllipsisCell, { value: v })
+    },
+    timeColumn({ title: "创建时间", dataIndex: "createdAt" }),
+    {
+      title: "操作",
+      key: "action",
+      width: 90,
+      render: (_, record) => /* @__PURE__ */ jsx(
+        RowActions,
+        {
+          actions: [
+            {
+              key: "revoke",
+              label: "撤销",
+              danger: true,
+              confirm: "确认撤销该会话？",
+              onClick: () => {
+                void revokeSession(record.id).then(() => {
+                  message.success("已撤销");
+                  void loadSessions();
+                }).catch(() => message.error("撤销会话失败"));
+              }
+            }
+          ]
+        }
+      )
+    }
+  ];
+  return /* @__PURE__ */ jsx(Modal, { title: "个人中心", open, onCancel: onClose, footer: null, width: 760, styles: { body: { paddingTop: 12 } }, children: /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      items: [
+        {
+          key: "info",
+          label: "个人信息",
+          children: /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(Space, { size: 20, align: "center", style: { marginBottom: 20 }, children: [
+              /* @__PURE__ */ jsx(Avatar, { size: 56, style: { background: brand.gradient, fontSize: 22 }, children: ((_b = (_a = person == null ? void 0 : person.name) == null ? void 0 : _a.charAt(0)) == null ? void 0 : _b.toUpperCase()) || "U" }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsxs("div", { style: { fontSize: 18, fontWeight: 700 }, children: [
+                  (person == null ? void 0 : person.name) || "-",
+                  (person == null ? void 0 : person.status) === "suspended" && /* @__PURE__ */ jsx(Tag, { color: "error", style: { marginLeft: 8 }, children: "已挂起" })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { style: { color: brand.textSecondary }, children: [
+                  "@",
+                  (person == null ? void 0 : person.username) || "-"
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Descriptions, { column: 1, bordered: true, size: "small", children: [
+              /* @__PURE__ */ jsx(Descriptions.Item, { label: "账号", children: (person == null ? void 0 : person.username) ?? "-" }),
+              /* @__PURE__ */ jsx(Descriptions.Item, { label: "姓名", children: (person == null ? void 0 : person.name) ?? "-" }),
+              /* @__PURE__ */ jsx(Descriptions.Item, { label: "邮箱", children: (person == null ? void 0 : person.primaryEmail) ?? "-" }),
+              /* @__PURE__ */ jsx(Descriptions.Item, { label: "手机号", children: (person == null ? void 0 : person.primaryPhone) ?? "-" })
+            ] })
+          ] })
+        },
+        {
+          key: "password",
+          label: "修改密码",
+          children: /* @__PURE__ */ jsxs(Form, { form, layout: "vertical", style: { maxWidth: 420 }, children: [
+            /* @__PURE__ */ jsx(Form.Item, { name: "oldPassword", label: "原密码", rules: [{ required: true, message: "请输入原密码" }], children: /* @__PURE__ */ jsx(Input.Password, {}) }),
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                name: "newPassword",
+                label: "新密码",
+                rules: [
+                  { required: true, message: "请输入新密码" },
+                  { min: 8, message: "至少 8 位，需含大小写字母和数字" }
+                ],
+                children: /* @__PURE__ */ jsx(Input.Password, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Form.Item,
+              {
+                name: "confirmPassword",
+                label: "确认新密码",
+                rules: [{ required: true, message: "请再次输入新密码" }],
+                children: /* @__PURE__ */ jsx(Input.Password, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { type: "primary", onClick: () => void submitPassword(), children: "确认修改" })
+          ] })
+        },
+        {
+          key: "session",
+          label: "会话管理",
+          children: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs(Space, { style: { marginBottom: 12 }, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  danger: true,
+                  onClick: () => void revokeAllSessions().then(() => {
+                    message.success("已撤销全部会话");
+                    void loadSessions();
+                  }).catch(() => message.error("撤销全部会话失败")),
+                  children: "撤销全部会话"
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { style: { color: brand.textSecondary, fontSize: 12 }, children: [
+                "共 ",
+                sessions.length,
+                " 条（含历史失效会话）"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Table,
+              {
+                rowKey: "id",
+                columns,
+                dataSource: sessions,
+                loading,
+                pagination: { pageSize: 10, showSizeChanger: false, showTotal: (t) => `共 ${t} 条` },
+                scroll: { x: 820 }
+              }
+            )
+          ] })
+        }
+      ]
+    }
+  ) });
+}
+const { Header, Sider, Content } = Layout;
+function MainLayout({ title, subtitle, menuItems, hasTenantSwitch = true }) {
+  const [collapsed, setCollapsed] = useState(false);
+  const [profileOpen, setProfileOpen] = useState(false);
+  const navigate = useNavigate();
+  const location = useLocation();
+  const auth = useAuth();
+  useAuthGuard();
+  const logout = useLogout();
+  const { token } = theme.useToken();
+  const displayName = useMemo(() => {
+    var _a;
+    const profile = (_a = auth.user) == null ? void 0 : _a.profile;
+    return (profile == null ? void 0 : profile.name) || (profile == null ? void 0 : profile.preferred_username) || "IAM 用户";
+  }, [auth.user]);
+  const userMenuItems = useMemo(
+    () => [
+      { key: "profile", icon: /* @__PURE__ */ jsx(UserSwitchOutlined, {}), label: "个人中心", onClick: () => setProfileOpen(true) },
+      { type: "divider" },
+      { key: "logout", icon: /* @__PURE__ */ jsx(LogoutOutlined, {}), label: "退出登录", onClick: () => void logout() }
+    ],
+    [logout]
+  );
+  const selectedKey = useMemo(() => {
+    const parts = location.pathname.split("/");
+    const level1 = parts[1] ? `/${parts[1]}` : "/";
+    const level2 = parts.length > 2 ? `/${parts[1]}/${parts[2]}` : "";
+    const flat = (items) => items.flatMap((i) => [i.key, ...i.children ? flat(i.children) : []]);
+    const all = flat(menuItems);
+    if (all.includes(level2)) return level2;
+    if (all.includes(level1)) return level1;
+    return "/";
+  }, [location.pathname, menuItems]);
+  return /* @__PURE__ */ jsxs(Layout, { style: { minHeight: "100vh" }, children: [
+    /* @__PURE__ */ jsxs(
+      Sider,
+      {
+        trigger: null,
+        collapsible: true,
+        collapsed,
+        width: 232,
+        theme: "dark",
+        style: { position: "sticky", top: 0, height: "100vh" },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                height: 64,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                gap: 10,
+                background: brand.gradient,
+                color: "#fff",
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ jsx(SafetyCertificateOutlined, { style: { fontSize: collapsed ? 20 : 24 } }),
+                !collapsed && /* @__PURE__ */ jsxs("div", { style: { lineHeight: 1.1 }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 700, letterSpacing: 0.5 }, children: title }),
+                  subtitle && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, opacity: 0.8 }, children: subtitle })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Menu,
+            {
+              theme: "dark",
+              mode: "inline",
+              selectedKeys: [selectedKey],
+              defaultOpenKeys: [selectedKey],
+              items: menuItems,
+              onClick: ({ key }) => {
+                if (key !== location.pathname) navigate(key);
+              },
+              style: { padding: "8px 10px", borderInlineEnd: "none" }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Layout, { children: [
+      /* @__PURE__ */ jsxs(
+        Header,
+        {
+          style: {
+            padding: "0 20px",
+            background: "#fff",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            borderBottom: `1px solid ${tokens.border}`,
+            position: "sticky",
+            top: 0,
+            zIndex: 10,
+            lineHeight: 1
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12, lineHeight: "normal" }, children: [
+              /* @__PURE__ */ jsx(Tooltip, { title: collapsed ? "展开菜单" : "收起菜单", children: /* @__PURE__ */ jsx(ButtonIcon, { collapsed, onClick: () => setCollapsed(!collapsed) }) }),
+              hasTenantSwitch && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { style: { width: 1, height: 22, background: tokens.borderStrong } }),
+                /* @__PURE__ */ jsx(TenantSwitcher, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: 14, lineHeight: "normal" }, children: /* @__PURE__ */ jsx(Dropdown, { menu: { items: userMenuItems }, placement: "bottomRight", trigger: ["click"], children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, height: 42, padding: "0 8px", lineHeight: 1, borderRadius: 8, cursor: "pointer" }, className: "user-entry", children: [
+              /* @__PURE__ */ jsx(Badge, { dot: true, color: brand.primary, offset: [-2, 2], children: /* @__PURE__ */ jsx(
+                Avatar,
+                {
+                  size: 34,
+                  style: { background: brand.gradient, fontWeight: 600, fontSize: 14 },
+                  icon: !displayName ? /* @__PURE__ */ jsx(UserOutlined, {}) : void 0,
+                  children: displayName.charAt(0).toUpperCase()
+                }
+              ) }),
+              /* @__PURE__ */ jsx("span", { style: { fontSize: 14, color: token.colorText, fontWeight: 500, lineHeight: 1 }, children: displayName })
+            ] }) }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(Content, { style: { margin: 20 }, children: /* @__PURE__ */ jsx(Outlet, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(ProfileCenter, { open: profileOpen, onClose: () => setProfileOpen(false) })
+  ] });
+}
+const ButtonIcon = forwardRef(function ButtonIcon2({ collapsed, onClick }, ref) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      onClick,
+      style: {
+        width: 36,
+        height: 36,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        border: "none",
+        borderRadius: 8,
+        background: "transparent",
+        cursor: "pointer",
+        fontSize: 16,
+        color: brand.textSecondary
+      },
+      children: collapsed ? /* @__PURE__ */ jsx(MenuUnfoldOutlined, {}) : /* @__PURE__ */ jsx(MenuFoldOutlined, {})
+    }
+  );
+});
+function LoginPage({ title, subtitle }) {
+  const auth = useAuth();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        minHeight: "100vh",
+        display: "flex",
+        alignItems: "stretch",
+        background: brand.gradientSoft
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flex: 1.2,
+              display: "flex",
+              flexDirection: "column",
+              justifyContent: "center",
+              padding: "0 8vw",
+              background: brand.gradient,
+              color: "#fff",
+              position: "relative",
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    width: 420,
+                    height: 420,
+                    borderRadius: "50%",
+                    background: "rgba(255,255,255,0.08)",
+                    top: -120,
+                    right: -120
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    width: 260,
+                    height: 260,
+                    borderRadius: "50%",
+                    background: "rgba(255,255,255,0.06)",
+                    bottom: -60,
+                    left: -60
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 14, marginBottom: 28, position: "relative" }, children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      width: 52,
+                      height: 52,
+                      borderRadius: 14,
+                      background: "rgba(255,255,255,0.18)",
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      fontSize: 26,
+                      backdropFilter: "blur(4px)"
+                    },
+                    children: /* @__PURE__ */ jsx(SafetyCertificateOutlined, {})
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: 22, fontWeight: 700 }, children: title }),
+                  subtitle && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, opacity: 0.85 }, children: subtitle })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Typography.Title, { level: 2, style: { color: "#fff", marginBottom: 12, position: "relative" }, children: "统一身份认证平台" }),
+              /* @__PURE__ */ jsx(Typography.Paragraph, { style: { color: "rgba(255,255,255,0.82)", fontSize: 15, maxWidth: 480, position: "relative" }, children: "一个平台管理多应用的账号、权限与安全策略。基于标准 OIDC/OAuth2 协议， 支持单点登录、多租户切换与细粒度权限控制。" }),
+              /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 24, marginTop: 28, position: "relative" }, children: ["单点登录 SSO", "多租户隔离", "细粒度授权"].map((f) => /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    padding: "8px 16px",
+                    borderRadius: 20,
+                    background: "rgba(255,255,255,0.14)",
+                    fontSize: 13,
+                    backdropFilter: "blur(4px)"
+                  },
+                  children: f
+                },
+                f
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", padding: 40 }, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              width: 380,
+              background: "#fff",
+              borderRadius: 16,
+              boxShadow: "0 20px 60px rgba(15,23,42,0.12)",
+              padding: "40px 36px"
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 20, fontWeight: 700, marginBottom: 8 }, children: "欢迎回来" }),
+              /* @__PURE__ */ jsxs("div", { style: { fontSize: 14, color: brand.textSecondary, marginBottom: 32 }, children: [
+                "使用统一身份账号登录 ",
+                title
+              ] }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "primary",
+                  size: "large",
+                  block: true,
+                  loading: auth.isLoading,
+                  onClick: () => void auth.signinRedirect(),
+                  style: { height: 46, borderRadius: 10, fontWeight: 600, background: brand.gradient, border: "none", boxShadow: "0 8px 20px rgba(79,110,247,0.35)" },
+                  children: [
+                    "IAM 账号登录 ",
+                    /* @__PURE__ */ jsx(ArrowRightOutlined, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("div", { style: { marginTop: 24, textAlign: "center", fontSize: 12, color: brand.textSecondary }, children: "登录即代表同意平台的安全与隐私策略" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function PageContainer({ title, description, extra, children, loading }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", marginBottom: 16 }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Typography.Title, { level: 4, style: { margin: 0, fontWeight: 700 }, children: title }),
+        description && /* @__PURE__ */ jsx(Typography.Text, { type: "secondary", style: { fontSize: 13 }, children: description })
+      ] }),
+      extra && /* @__PURE__ */ jsx(Space, { children: extra })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Card,
+      {
+        loading,
+        styles: {
+          body: { padding: 20 }
+        },
+        style: { borderRadius: 12, border: `1px solid ${tokens.border}` },
+        children
+      }
+    )
+  ] });
+}
+const monospaceStyle = { fontFamily: "Consolas, Monaco, monospace" };
+function InitialPasswordModal({ password, title, description, onClose }) {
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(password);
+      message.success("已复制");
+    } catch {
+      message.error("复制失败，请手动复制");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      title: title || "初始密码已生成",
+      open: !!password,
+      onCancel: onClose,
+      footer: /* @__PURE__ */ jsx(Button, { type: "primary", onClick: onClose, children: "我已保存" }),
+      destroyOnClose: true,
+      width: 560,
+      children: /* @__PURE__ */ jsx(
+        Alert,
+        {
+          type: "warning",
+          showIcon: true,
+          message: "请立即保存，关闭后不再显示",
+          description: /* @__PURE__ */ jsxs(Space, { direction: "vertical", size: 12, style: { width: "100%" }, children: [
+            description && /* @__PURE__ */ jsx("div", { style: { color: tokens.textSecondary }, children: description }),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  ...monospaceStyle,
+                  wordBreak: "break-all",
+                  background: tokens.warningBg,
+                  border: `1px solid ${tokens.warningBorder}`,
+                  borderRadius: 8,
+                  padding: "10px 12px"
+                },
+                children: password
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}), onClick: () => void handleCopy(), children: "复制" })
+          ] })
+        }
+      )
+    }
+  );
+}
+function NameLink({ value, onClick, title, monospace = false }) {
+  const empty = value == null || value === "";
+  const text = empty ? "-" : value;
+  const style = {
+    display: "inline-block",
+    fontWeight: 500,
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    verticalAlign: "bottom",
+    ...monospace ? { fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace", fontSize: 12 } : {}
+  };
+  if (empty || !onClick) {
+    return /* @__PURE__ */ jsx("span", { style, children: text });
+  }
+  const tooltip = title ?? (typeof value === "string" || typeof value === "number" ? String(value) : void 0);
+  return /* @__PURE__ */ jsx(Tooltip, { title: tooltip, mouseEnterDelay: 0.3, children: /* @__PURE__ */ jsx(Typography.Link, { onClick, style, children: text }) });
+}
+const ID_COL_WIDTH = 130;
+const NAME_COL_WIDTH = 180;
+const CODE_COL_WIDTH = 150;
+const TAG_COL_WIDTH = 110;
+const STATUS_COL_WIDTH = 100;
+const COUNT_COL_WIDTH = 90;
+const TEXT_COL_WIDTH = 200;
+const LONG_TEXT_COL_WIDTH = 320;
+const CELL_PADDING = 32;
+const ACTION_BUTTON_BUDGET = 56;
+const ACTION_GAP = 4;
+function idColumn({ dataIndex, title = "ID", width }) {
+  return {
+    title,
+    dataIndex,
+    key: dataIndex,
+    width: width ?? ID_COL_WIDTH,
+    render: (value) => /* @__PURE__ */ jsx(IDCell, { value })
+  };
+}
+function textColumn({
+  title,
+  dataIndex,
+  width,
+  placeholder,
+  monospace
+}) {
+  return {
+    title,
+    dataIndex,
+    key: dataIndex,
+    width: width ?? TEXT_COL_WIDTH,
+    render: (value) => /* @__PURE__ */ jsx(
+      EllipsisCell,
+      {
+        value,
+        placeholder,
+        monospace
+      }
+    )
+  };
+}
+function nameColumn({
+  title,
+  dataIndex,
+  width,
+  monospace,
+  onClick
+}) {
+  return {
+    title,
+    dataIndex,
+    key: dataIndex,
+    width: width ?? NAME_COL_WIDTH,
+    render: (value, record) => /* @__PURE__ */ jsx(
+      NameLink,
+      {
+        value,
+        monospace,
+        onClick: onClick ? () => onClick(record) : void 0
+      }
+    )
+  };
+}
+function actionColumn({ actions, max = 3, width }) {
+  return {
+    title: "操作",
+    key: "action",
+    fixed: "right",
+    width: width ?? actionColumnWidth(max),
+    render: (_, record) => /* @__PURE__ */ jsx(RowActions, { actions: actions(record), max })
+  };
+}
+function actionColumnWidth(max) {
+  const inline = Math.max(1, max);
+  const raw = CELL_PADDING + inline * ACTION_BUTTON_BUDGET + (inline - 1) * ACTION_GAP;
+  return Math.ceil(raw / 10) * 10;
+}
+function tableScrollX(columns) {
+  let total = 0;
+  const walk = (list) => {
+    var _a;
+    for (const column of list) {
+      if ((_a = column.children) == null ? void 0 : _a.length) {
+        walk(column.children);
+        continue;
+      }
+      total += typeof column.width === "number" ? column.width : 0;
+    }
+  };
+  walk(columns);
+  return { x: total };
+}
+function useRemoteOptions({ fetchOptions, debounceMs = 300, labelCache }) {
+  const [options, setOptions] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const internalLabelsRef = useRef(/* @__PURE__ */ new Map());
+  const labels = labelCache ?? internalLabelsRef.current;
+  const timerRef = useRef(null);
+  const seqRef = useRef(0);
+  const search = useCallback(
+    async (keyword) => {
+      const seq = ++seqRef.current;
+      setLoading(true);
+      try {
+        const list = await fetchOptions(keyword);
+        if (seq !== seqRef.current) return;
+        for (const item of list) labels.set(item.value, item.label);
+        setOptions(list);
+      } catch {
+      } finally {
+        if (seq === seqRef.current) setLoading(false);
+      }
+    },
+    [fetchOptions, labels]
+  );
+  useEffect(
+    () => () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  const handleSearch = useCallback(
+    (keyword) => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(() => void search(keyword), debounceMs);
+    },
+    [search, debounceMs]
+  );
+  const labelOf = useCallback(
+    (v) => {
+      var _a;
+      return labels.get(v) ?? ((_a = options.find((o) => o.value === v)) == null ? void 0 : _a.label) ?? v;
+    },
+    [labels, options]
+  );
+  const withSelected = useCallback(
+    (values) => {
+      const missing = values.filter((v) => !options.some((o) => o.value === v));
+      return missing.length ? [...missing.map((v) => ({ value: v, label: labelOf(v) })), ...options] : options;
+    },
+    [labelOf, options]
+  );
+  const remember = useCallback(
+    (values) => values.map((v) => {
+      const label = labelOf(v);
+      labels.set(v, label);
+      return { value: v, label };
+    }),
+    [labelOf, labels]
+  );
+  return { loading, search, handleSearch, withSelected, remember, labels };
+}
+function RemoteSelect({
+  value,
+  onChange,
+  initialLabel,
+  placeholder,
+  disabled,
+  allowClear,
+  width,
+  style,
+  id,
+  ...rest
+}) {
+  const remote = useRemoteOptions(rest);
+  useEffect(() => {
+    if (value && initialLabel) remote.labels.set(value, initialLabel);
+  }, [value, initialLabel, remote.labels]);
+  useEffect(() => {
+    if (disabled) return;
+    void remote.search("");
+  }, [remote.search, disabled]);
+  const handleChange = (next) => {
+    onChange == null ? void 0 : onChange(next, next ? remote.remember([next])[0] : void 0);
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      id,
+      showSearch: true,
+      filterOption: false,
+      allowClear,
+      placeholder,
+      disabled,
+      loading: remote.loading,
+      style: width ? { width, ...style } : style,
+      value,
+      onChange: handleChange,
+      onSearch: remote.handleSearch,
+      options: remote.withSelected(value ? [value] : []),
+      notFoundContent: remote.loading ? /* @__PURE__ */ jsx(Spin, { size: "small" }) : null
+    }
+  );
+}
+function RemoteMultiSelect({
+  value,
+  onChange,
+  initialLabels,
+  placeholder,
+  disabled,
+  allowClear,
+  width,
+  style,
+  id,
+  ...rest
+}) {
+  const remote = useRemoteOptions(rest);
+  const values = value ?? [];
+  useEffect(() => {
+    if (!initialLabels) return;
+    Object.entries(initialLabels).forEach(([v, label]) => {
+      if (v && label) remote.labels.set(v, label);
+    });
+  }, [initialLabels, remote.labels]);
+  useEffect(() => {
+    if (disabled) return;
+    void remote.search("");
+  }, [remote.search, disabled]);
+  const handleChange = (next) => {
+    const nextValues = next ?? [];
+    onChange == null ? void 0 : onChange(nextValues, nextValues.length ? remote.remember(nextValues) : []);
+  };
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      id,
+      mode: "multiple",
+      showSearch: true,
+      filterOption: false,
+      allowClear,
+      placeholder,
+      disabled,
+      loading: remote.loading,
+      style: width ? { width, ...style } : style,
+      value: values,
+      onChange: handleChange,
+      onSearch: remote.handleSearch,
+      options: remote.withSelected(values),
+      notFoundContent: remote.loading ? /* @__PURE__ */ jsx(Spin, { size: "small" }) : null
+    }
+  );
+}
+dayjs.locale("zh-cn");
+function AppShell({ children }) {
+  return /* @__PURE__ */ jsxs("div", { style: { fontVariantNumeric: "tabular-nums" }, children: [
+    /* @__PURE__ */ jsx("style", { children: `
+        .ant-select-dropdown .ant-select-tree .ant-select-tree-switcher {
+          width: 0;
+          overflow: hidden;
+        }
+      ` }),
+    /* @__PURE__ */ jsx(ConfigProvider, { locale: zhCN, theme: themeConfig, children: /* @__PURE__ */ jsx(App, { children }) })
+  ] });
+}
+function EnableTag({ value }) {
+  if (value === "enable") {
+    return /* @__PURE__ */ jsx(Tag, { color: "success", children: "启用" });
+  }
+  if (value === "disable") {
+    return /* @__PURE__ */ jsx(Tag, { color: "default", children: "停用" });
+  }
+  return /* @__PURE__ */ jsx(Tag, { children: value || "-" });
+}
+function SuspendedTag({ value }) {
+  return value === "suspended" ? /* @__PURE__ */ jsx(Tag, { color: "error", children: "挂起" }) : /* @__PURE__ */ jsx(Tag, { color: "success", children: "正常" });
+}
+function VerifiedTag({ value }) {
+  return value === "verified" ? /* @__PURE__ */ jsx(Tag, { color: "success", children: "已验证" }) : /* @__PURE__ */ jsx(Tag, { color: "warning", children: "未验证" });
+}
+const TYPE_META = {
+  platform: { label: "平台", color: "geekblue" },
+  customer: { label: "客户", color: "cyan" }
+};
+function TypeTag({ value }) {
+  const meta = TYPE_META[value ?? ""];
+  return meta ? /* @__PURE__ */ jsx(Tag, { color: meta.color, children: meta.label }) : /* @__PURE__ */ jsx(Tag, { children: value || "-" });
+}
+const SOURCE_META = {
+  builtin: { label: "内置", color: "gold" },
+  first_party: { label: "第一方", color: "blue" },
+  third_party: { label: "第三方", color: "orange" },
+  custom: { label: "自定义", color: "blue" }
+};
+function SourceTag({ value }) {
+  const meta = SOURCE_META[value ?? ""];
+  return meta ? /* @__PURE__ */ jsx(Tag, { color: meta.color, children: meta.label }) : /* @__PURE__ */ jsx(Tag, { children: value || "-" });
+}
+export {
+  AppShell,
+  CODE_COL_WIDTH,
+  COUNT_COL_WIDTH,
+  EllipsisCell,
+  EnableTag,
+  IDCell,
+  ID_COL_WIDTH,
+  InitialPasswordModal,
+  LONG_TEXT_COL_WIDTH,
+  LoginPage,
+  MainLayout,
+  NAME_COL_WIDTH,
+  NameLink,
+  PageContainer,
+  ProfileCenter,
+  RemoteMultiSelect,
+  RemoteSelect,
+  RowActions,
+  STATUS_COL_WIDTH,
+  SourceTag,
+  SuspendedTag,
+  TAG_COL_WIDTH,
+  TEXT_COL_WIDTH,
+  TIME_COL_WIDTH,
+  TIME_COL_WIDTH_RELATIVE,
+  TenantSwitcher,
+  TimeCell,
+  TypeTag,
+  VerifiedTag,
+  actionColumn,
+  actionColumnWidth,
+  brand,
+  fmtRelativeTime,
+  fmtTime,
+  idColumn,
+  nameColumn,
+  tableScrollX,
+  textColumn,
+  themeConfig,
+  timeColumn,
+  toMillis,
+  tokens
+};
+//# sourceMappingURL=index.js.map