新增真实账户数据驱动的身份档案卡

个人资料改为“身份卡 + 编辑工作区”双栏布局侧栏加入语义图标、产品域标题和更明确的选中状态页面首屏增加身份控制台层级标识用户名、邮箱、姓名、语言会随表单内容实时呈现 390px 移动端自动堆叠，无横向溢出相关组件已由 Keycloakify 正式认领，后续同步不会覆盖
2026-08-04 15:42:46 +08:00
parent 78743fb436
commit c1b36b4d72
6 changed files with 1763 additions and 262 deletions
@@ -0,0 +1,51 @@
+/**
+ * This file has been claimed for ownership from @keycloakify/keycloak-account-ui version 260700.0.3.
+ * To relinquish ownership and restore this file to its original content, run the following command:
+ *
+ * $ npx keycloakify own --path "account/components/page/Page.tsx" --revert
+ */
+
+/* eslint-disable */
+
+// @ts-nocheck
+
+import {
+    PageSection,
+    Text,
+    TextContent,
+    Title
+} from "../../../shared/@patternfly/react-core";
+import { PropsWithChildren } from "react";
+
+type PageProps = {
+    title: string;
+    description: string;
+};
+
+export const Page = ({ title, description, children }: PropsWithChildren<PageProps>) => {
+    return (
+        <>
+            <PageSection variant="light">
+                <div className="nexus-page-intro">
+                    <div className="nexus-page-intro__copy">
+                        <span className="nexus-page-intro__kicker">
+                            NEXUS / Identity control
+                        </span>
+                        <TextContent>
+                            <Title headingLevel="h1" data-testid="page-heading">
+                                {title}
+                            </Title>
+                            <Text component="p">{description}</Text>
+                        </TextContent>
+                    </div>
+                    <div className="nexus-page-intro__mark" aria-hidden="true">
+                        <span>ID</span>
+                        <i />
+                        <span>ACCOUNT</span>
+                    </div>
+                </div>
+            </PageSection>
+            <PageSection variant="light">{children}</PageSection>
+        </>
+    );
+};