create-secra 0.1.11 → 1.0.1

package/antd-adapter-template/apps/core/src/components/AntdGlobalProvider.tsx

@@ -1,87 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import type { PropsWithChildren } from 'react';
-import { buildAntdCompatTheme, useConfig, useTheme } from '@vlian/framework/core';
-import type { ThemeSnapshot } from '@vlian/framework/core';
-import { App as AntdApp, ConfigProvider, theme as antdTheme } from 'antd';
-import type { AppProps, ConfigProviderProps } from 'antd';
-
-type UIProviderShape = {
-  antd?: Record<string, unknown>;
-};
-
-const defaultTheme: ThemeSnapshot = {
-  mode: 'light',
-};
-
-const getSystemDark = (): boolean => {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-  return window.matchMedia('(prefers-color-scheme: dark)').matches;
-};
-
-export function useAntdRuntimeTheme(): ConfigProviderProps['theme'] {
-  const { theme } = useTheme();
-  const { antdConfig } = useConfig();
-  const providerConfig = antdConfig as UIProviderShape | undefined;
-  const [isSystemDark, setIsSystemDark] = useState<boolean>(getSystemDark);
-
-  useEffect(() => {
-    if (typeof window === 'undefined') {
-      return;
-    }
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-    const handleChange = (event: MediaQueryListEvent) => {
-      setIsSystemDark(event.matches);
-    };
-    setIsSystemDark(mediaQuery.matches);
-
-    if (typeof mediaQuery.addEventListener === 'function') {
-      mediaQuery.addEventListener('change', handleChange);
-      return () => {
-        mediaQuery.removeEventListener('change', handleChange);
-      };
-    }
-
-    mediaQuery.addListener(handleChange);
-    return () => {
-      mediaQuery.removeListener(handleChange);
-    };
-  }, []);
-
-  return useMemo(() => {
-    const resolvedMode: ThemeSnapshot['mode'] =
-      theme.mode === 'system' ? (isSystemDark ? 'dark' : 'light') : ((theme.mode || 'light') as ThemeSnapshot['mode']);
-
-    const mergedTheme: ThemeSnapshot = {
-      ...defaultTheme,
-      mode: resolvedMode,
-      primaryColor: theme.primaryColor || '#1677ff',
-      compatibility: {
-        antd: providerConfig?.antd || {},
-      },
-    };
-
-    return {
-      ...buildAntdCompatTheme(mergedTheme),
-      algorithm:
-          mergedTheme.mode === 'dark' ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,
-    } as ConfigProviderProps['theme'];
-  }, [isSystemDark, providerConfig?.antd, theme.mode, theme.primaryColor]);
-}
-
-interface AntdGlobalProviderProps extends PropsWithChildren {
-  appProps?: AppProps;
-}
-
-export function AntdGlobalProvider({ children, appProps }: AntdGlobalProviderProps) {
-  const runtimeTheme = useAntdRuntimeTheme();
-
-  return (
-      <ConfigProvider theme={runtimeTheme}>
-        <AntdApp {...appProps}>{children}</AntdApp>
-      </ConfigProvider>
-  );
-}
-
-export default AntdGlobalProvider;

package/antd-adapter-template/apps/core/src/components/AntdRootLayout.tsx

@@ -1,10 +0,0 @@
-import { Outlet } from "react-router-dom";
-import { AntdGlobalProvider } from "./AntdGlobalProvider";
-
-export default function AntdRootLayout() {
-  return (
-    <AntdGlobalProvider>
-      <Outlet />
-    </AntdGlobalProvider>
-  );
-}

package/antd-adapter-template/apps/core/src/components/layout.tsx

@@ -1,387 +0,0 @@
-import { useMemo, useState, type ReactNode } from "react";
-import {
-  AudioWaveform,
-  BadgeCheck,
-  Bell,
-  BookOpen,
-  Bot,
-  ChevronRight,
-  ChevronsUpDown,
-  Command,
-  CreditCard,
-  Folder,
-  Forward,
-  Frame,
-  GalleryVerticalEnd,
-  LogOut,
-  Map,
-  MoreHorizontal,
-  PanelLeft,
-  PieChart,
-  Plus,
-  Settings2,
-  Sparkles,
-  SquareTerminal,
-  Trash2,
-  type LucideIcon,
-} from "lucide-react";
-
-const cx = (...values: Array<string | false | null | undefined>) => values.filter(Boolean).join(" ");
-
-type LayoutProps = {
-  children?: ReactNode;
-};
-
-type Team = {
-  name: string;
-  logo: LucideIcon;
-  plan: string;
-};
-
-type MainNavItem = {
-  title: string;
-  url: string;
-  icon: LucideIcon;
-  isActive?: boolean;
-  items: { title: string; url: string }[];
-};
-
-type ProjectItem = {
-  name: string;
-  url: string;
-  icon: LucideIcon;
-};
-
-const DATA = {
-  user: {
-    name: "Secra Admin",
-    email: "m@example.com",
-  },
-  teams: [
-    { name: "Acme Inc", logo: GalleryVerticalEnd, plan: "Enterprise" },
-    { name: "Acme Corp.", logo: AudioWaveform, plan: "Startup" },
-    { name: "Evil Corp.", logo: Command, plan: "Free" },
-  ] as Team[],
-  navMain: [
-    {
-      title: "Playground",
-      url: "#",
-      icon: SquareTerminal,
-      isActive: true,
-      items: [
-        { title: "History", url: "#" },
-        { title: "Starred", url: "#" },
-        { title: "Settings", url: "#" },
-      ],
-    },
-    {
-      title: "Models",
-      url: "#",
-      icon: Bot,
-      items: [
-        { title: "Genesis", url: "#" },
-        { title: "Explorer", url: "#" },
-        { title: "Quantum", url: "#" },
-      ],
-    },
-    {
-      title: "Documentation",
-      url: "#",
-      icon: BookOpen,
-      items: [
-        { title: "Introduction", url: "#" },
-        { title: "Get Started", url: "#" },
-        { title: "Tutorials", url: "#" },
-        { title: "Changelog", url: "#" },
-      ],
-    },
-    {
-      title: "Settings",
-      url: "#",
-      icon: Settings2,
-      items: [
-        { title: "General", url: "#" },
-        { title: "Team", url: "#" },
-        { title: "Billing", url: "#" },
-        { title: "Limits", url: "#" },
-      ],
-    },
-  ] as MainNavItem[],
-  projects: [
-    { name: "Design Engineering", url: "#", icon: Frame },
-    { name: "Sales & Marketing", url: "#", icon: PieChart },
-    { name: "Travel", url: "#", icon: Map },
-  ] as ProjectItem[],
-};
-
-function Layout({ children }: LayoutProps) {
-  const [collapsed, setCollapsed] = useState(false);
-  const [activeTeam, setActiveTeam] = useState(DATA.teams[0]);
-  const [teamMenuOpen, setTeamMenuOpen] = useState(false);
-  const [userMenuOpen, setUserMenuOpen] = useState(false);
-  const [projectMenuOpen, setProjectMenuOpen] = useState<string | null>(null);
-  const [openMap, setOpenMap] = useState<Record<string, boolean>>(
-    Object.fromEntries(DATA.navMain.map((item) => [item.title, Boolean(item.isActive)])),
-  );
-
-  const pageTitle = useMemo(() => "Data Fetching", []);
-
-  return (
-    <div className="flex min-h-screen w-full bg-[hsl(var(--background))] text-[hsl(var(--foreground))]">
-      <aside
-        className={cx(
-          "relative flex shrink-0 flex-col bg-[hsl(var(--card))] transition-[width] duration-200",
-          collapsed ? "w-14" : "w-64",
-        )}
-      >
-        <div className="border-b border-[hsl(var(--border))] p-2">
-          <div className="relative">
-            <button
-              type="button"
-              onClick={() => setTeamMenuOpen((v) => !v)}
-              className={cx(
-                "flex h-12 w-full items-center gap-2 rounded-md px-2 text-left hover:bg-[hsl(var(--accent))]",
-                collapsed && "justify-center px-0",
-              )}
-            >
-              <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-[hsl(var(--primary))] text-[hsl(var(--primary-foreground))]">
-                <activeTeam.logo className="h-4 w-4" aria-hidden />
-              </div>
-              {collapsed ? null : (
-                <>
-                  <div className="grid min-w-0 flex-1 text-sm leading-tight">
-                    <span className="truncate font-medium">{activeTeam.name}</span>
-                    <span className="truncate text-xs text-[hsl(var(--muted-foreground))]">{activeTeam.plan}</span>
-                  </div>
-                  <ChevronsUpDown className="h-4 w-4" aria-hidden />
-                </>
-              )}
-            </button>
-
-            {!collapsed && teamMenuOpen ? (
-              <div className="absolute top-full left-0 z-50 mt-1 w-full min-w-56 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md">
-                <div className="px-2 py-1 text-xs text-[hsl(var(--muted-foreground))]">Teams</div>
-                {DATA.teams.map((team, index) => (
-                  <button
-                    key={team.name}
-                    type="button"
-                    onClick={() => {
-                      setActiveTeam(team);
-                      setTeamMenuOpen(false);
-                    }}
-                    className="flex w-full items-center gap-2 rounded-sm p-2 text-left text-sm hover:bg-[hsl(var(--accent))]"
-                  >
-                    <div className="flex h-6 w-6 items-center justify-center rounded-md border border-[hsl(var(--border))]">
-                      <team.logo className="h-3.5 w-3.5" aria-hidden />
-                    </div>
-                    <span className="flex-1 truncate">{team.name}</span>
-                    <span className="text-xs text-[hsl(var(--muted-foreground))]">{index + 1}</span>
-                  </button>
-                ))}
-                <div className="my-1 h-px bg-[hsl(var(--border))]" />
-                <button
-                  type="button"
-                  className="flex w-full items-center gap-2 rounded-sm p-2 text-left text-sm hover:bg-[hsl(var(--accent))]"
-                >
-                  <div className="flex h-6 w-6 items-center justify-center rounded-md border border-[hsl(var(--border))]">
-                    <Plus className="h-4 w-4" aria-hidden />
-                  </div>
-                  <span className="text-[hsl(var(--muted-foreground))]">Add team</span>
-                </button>
-              </div>
-            ) : null}
-          </div>
-        </div>
-
-        <div className="flex min-h-0 flex-1 flex-col gap-3 overflow-auto p-2">
-          {!collapsed ? <div className="px-2 text-xs text-[hsl(var(--muted-foreground))]">Platform</div> : null}
-          <ul className="m-0 list-none space-y-1 p-0">
-            {DATA.navMain.map((item) => {
-              const open = openMap[item.title];
-
-              return (
-                <li key={item.title}>
-                  <button
-                    type="button"
-                    onClick={() => setOpenMap((prev) => ({ ...prev, [item.title]: !prev[item.title] }))}
-                    className={cx(
-                      "flex h-9 w-full items-center gap-2 rounded-md px-2 text-left text-sm hover:bg-[hsl(var(--accent))]",
-                      item.isActive && "bg-[hsl(var(--accent))] text-[hsl(var(--accent-foreground))]",
-                      collapsed && "justify-center px-0",
-                    )}
-                  >
-                    <item.icon className="h-4 w-4 shrink-0" aria-hidden />
-                    {collapsed ? null : <span className="truncate">{item.title}</span>}
-                    {!collapsed ? (
-                      <ChevronRight className={cx("ml-auto h-4 w-4 transition-transform duration-200", open && "rotate-90")} aria-hidden />
-                    ) : null}
-                  </button>
-
-                  {!collapsed && open ? (
-                    <ul className="m-0 ml-4 mt-1 list-none space-y-1 border-l border-[hsl(var(--border))] p-0 pl-2">
-                      {item.items.map((subItem) => (
-                        <li key={subItem.title}>
-                          <a
-                            href={subItem.url}
-                            className="flex h-8 items-center rounded-md px-2 text-sm text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))] hover:text-[hsl(var(--accent-foreground))]"
-                          >
-                            {subItem.title}
-                          </a>
-                        </li>
-                      ))}
-                    </ul>
-                  ) : null}
-                </li>
-              );
-            })}
-          </ul>
-
-          {!collapsed ? <div className="mt-2 px-2 text-xs text-[hsl(var(--muted-foreground))]">Projects</div> : null}
-          <ul className="m-0 list-none space-y-1 p-0">
-            {DATA.projects.map((item) => (
-              <li key={item.name} className="relative">
-                <a
-                  href={item.url}
-                  className={cx(
-                    "flex h-9 items-center gap-2 rounded-md px-2 text-sm hover:bg-[hsl(var(--accent))]",
-                    collapsed ? "justify-center px-0" : "pr-10",
-                  )}
-                >
-                  <item.icon className="h-4 w-4 shrink-0" aria-hidden />
-                  {collapsed ? null : <span className="truncate">{item.name}</span>}
-                </a>
-                {!collapsed ? (
-                  <>
-                    <button
-                      type="button"
-                      onClick={() => setProjectMenuOpen((prev) => (prev === item.name ? null : item.name))}
-                      className="absolute top-1.5 right-1 inline-flex h-6 w-6 items-center justify-center rounded-md text-[hsl(var(--muted-foreground))] hover:bg-[hsl(var(--accent))]"
-                    >
-                      <MoreHorizontal className="h-4 w-4" aria-hidden />
-                      <span className="sr-only">More</span>
-                    </button>
-                    {projectMenuOpen === item.name ? (
-                      <div className="absolute top-9 right-0 z-50 w-48 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md">
-                        <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                          <Folder className="h-4 w-4 text-[hsl(var(--muted-foreground))]" aria-hidden />
-                          View Project
-                        </button>
-                        <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                          <Forward className="h-4 w-4 text-[hsl(var(--muted-foreground))]" aria-hidden />
-                          Share Project
-                        </button>
-                        <div className="my-1 h-px bg-[hsl(var(--border))]" />
-                        <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                          <Trash2 className="h-4 w-4 text-[hsl(var(--muted-foreground))]" aria-hidden />
-                          Delete Project
-                        </button>
-                      </div>
-                    ) : null}
-                  </>
-                ) : null}
-              </li>
-            ))}
-          </ul>
-        </div>
-
-        <div className="border-t border-[hsl(var(--border))] p-2">
-          <div className="relative">
-            <button
-              type="button"
-              onClick={() => setUserMenuOpen((v) => !v)}
-              className={cx(
-                "flex h-12 w-full items-center gap-2 rounded-md px-2 text-left hover:bg-[hsl(var(--accent))]",
-                collapsed && "justify-center px-0",
-              )}
-            >
-              <span className="inline-flex h-8 w-8 items-center justify-center rounded-lg bg-[hsl(var(--muted))] text-xs">CN</span>
-              {collapsed ? null : (
-                <>
-                  <div className="grid min-w-0 flex-1 text-sm leading-tight">
-                    <span className="truncate font-medium">{DATA.user.name}</span>
-                    <span className="truncate text-xs text-[hsl(var(--muted-foreground))]">{DATA.user.email}</span>
-                  </div>
-                  <ChevronsUpDown className="h-4 w-4" aria-hidden />
-                </>
-              )}
-            </button>
-
-            {!collapsed && userMenuOpen ? (
-              <div className="absolute right-0 bottom-14 z-50 min-w-56 rounded-lg border border-[hsl(var(--border))] bg-[hsl(var(--popover))] p-1 text-[hsl(var(--popover-foreground))] shadow-md">
-                <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                  <Sparkles className="h-4 w-4" aria-hidden />
-                  Upgrade to Pro
-                </button>
-                <div className="my-1 h-px bg-[hsl(var(--border))]" />
-                <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                  <BadgeCheck className="h-4 w-4" aria-hidden />
-                  Account
-                </button>
-                <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                  <CreditCard className="h-4 w-4" aria-hidden />
-                  Billing
-                </button>
-                <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                  <Bell className="h-4 w-4" aria-hidden />
-                  Notifications
-                </button>
-                <div className="my-1 h-px bg-[hsl(var(--border))]" />
-                <button type="button" className="flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm hover:bg-[hsl(var(--accent))]">
-                  <LogOut className="h-4 w-4" aria-hidden />
-                  Log out
-                </button>
-              </div>
-            ) : null}
-          </div>
-        </div>
-      </aside>
-      <div className="w-px shrink-0 bg-[hsl(var(--border))]" />
-
-      <main className="min-w-0 flex-1">
-        <header className="flex h-16 shrink-0 items-center gap-2 transition-[height] ease-linear">
-          <div className="flex items-center gap-2 px-4">
-            <button
-              type="button"
-              onClick={() => setCollapsed((prev) => !prev)}
-              className="-ml-1 inline-flex h-8 w-8 items-center justify-center rounded-md border border-[hsl(var(--border))] hover:bg-[hsl(var(--accent))]"
-              aria-label="Toggle sidebar"
-            >
-              <PanelLeft className="h-4 w-4" aria-hidden />
-            </button>
-            <div className="mr-2 h-4 w-px bg-[hsl(var(--border))]" />
-            <nav aria-label="breadcrumb">
-              <ol className="m-0 flex list-none items-center gap-1.5 p-0 text-sm text-[hsl(var(--muted-foreground))]">
-                <li className="hidden md:block">
-                  <a href="#" className="transition-colors hover:text-[hsl(var(--foreground))]">
-                    Build Your Application
-                  </a>
-                </li>
-                <li className="hidden md:block">/</li>
-                <li>
-                  <span className="text-[hsl(var(--foreground))]">{pageTitle}</span>
-                </li>
-              </ol>
-            </nav>
-          </div>
-        </header>
-        <div className="h-px w-full shrink-0 bg-[hsl(var(--border))]" />
-
-        <div className="flex flex-1 flex-col gap-4 p-4 pt-0">
-          {children ?? (
-            <>
-              <div className="grid auto-rows-min gap-4 md:grid-cols-3">
-                <div className="bg-[hsl(var(--muted))]/50 aspect-video rounded-xl" />
-                <div className="bg-[hsl(var(--muted))]/50 aspect-video rounded-xl" />
-                <div className="bg-[hsl(var(--muted))]/50 aspect-video rounded-xl" />
-              </div>
-              <div className="bg-[hsl(var(--muted))]/50 min-h-[100vh] flex-1 rounded-xl md:min-h-min" />
-            </>
-          )}
-        </div>
-      </main>
-    </div>
-  );
-}
-
-export type { LayoutProps };
-export default Layout;

package/antd-adapter-template/apps/core/src/guards/auth-route-guard.ts

@@ -1,45 +0,0 @@
-import type { RouteLocation } from "@vlian/framework/core";
-import {
-  ACCESS_TOKEN_KEY,
-  getToken,
-  REFRESH_TOKEN_KEY,
-} from "@vlian/sdk/hooks/auth";
-
-const LOGIN_PATH = "/auth/login";
-
-// 登录白名单：这些路由允许匿名访问
-const AUTH_ROUTE_WHITELIST = new Set<string>([LOGIN_PATH]);
-
-const isWhitelistedPath = (path: string): boolean => {
-  return AUTH_ROUTE_WHITELIST.has(path);
-};
-
-const isLoggedIn = async (): Promise<boolean> => {
-  const [accessToken, refreshToken] = await Promise.all([
-    getToken({ key: ACCESS_TOKEN_KEY }),
-    getToken({ key: REFRESH_TOKEN_KEY }),
-  ]);
-  return Boolean(accessToken || refreshToken);
-};
-
-const normalizePathname = (path: string): string => {
-  return path.split("?")[0]?.split("#")[0] || "/";
-};
-
-export const getAuthRedirectPath = async (targetPath: string): Promise<string | void> => {
-  const pathname = normalizePathname(targetPath);
-  if (isWhitelistedPath(pathname)) {
-    return;
-  }
-
-  if (await isLoggedIn()) {
-    return;
-  }
-
-  const redirect = encodeURIComponent(targetPath || "/");
-  return `${LOGIN_PATH}?redirect=${redirect}`;
-};
-
-export const authRouteGuard = async (to: RouteLocation): Promise<string | void> => {
-  return getAuthRedirectPath(to.path || "/");
-};

package/antd-adapter-template/apps/core/src/main.tsx

@@ -1,65 +0,0 @@
-import "@ant-design/v5-patch-for-react-19";
-import "@vlian/sdk/reset.css";
-import "uno.css";
-import "./theme/theme.css";
-import { PreloadStrategy, getRoutePreloader, startApp } from '@vlian/framework/core';
-import { LogLevel } from '@vlian/framework/utils';
-import { ReduxAdapter } from '@vlian/framework/state';
-import { cache, getSdkI18nLocales, setSdkLang, type SdkLang } from "@vlian/sdk";
-import { authRouteGuard } from "./guards/auth-route-guard";
-import { getRoutes } from './router';
-
-const LANG_STORAGE_KEY = "sdk-lang";
-
-const isSdkLang = (lang: unknown): lang is SdkLang => {
-    return lang === "zh-CN" || lang === "en-US";
-};
-
-const stateAdapter = new ReduxAdapter({
-    devMode: import.meta.env.DEV,
-    storeConfig: {
-        devTools: import.meta.env.DEV,
-    },
-});
-
-// Disable framework route preloader to avoid pulling non-current heavy routes on first paint.
-getRoutePreloader({
-    strategy: PreloadStrategy.NONE,
-});
-
-void startApp({
-    showSplashScreen: 'never', // 自动判断是否显示启动页
-    loggerLevel: LogLevel.DEBUG,
-    globalProvider: () => import('./components/AntdGlobalProvider'),
-    locale: getSdkI18nLocales(),
-    theme: {
-        mode: 'system',
-        primaryColor: '#1677ff',
-    },
-    configStrategy: {
-        //加载关键配置 这些配置必须在应用渲染前加载完成
-        loadCriticalConfig: async () => {
-            return {}
-        },
-    },
-    lifecycle: {
-        afterInitialization: async () => {
-            const savedLang = await cache.localstorage.get<SdkLang>(LANG_STORAGE_KEY);
-            setSdkLang(isSdkLang(savedLang) ? savedLang : "zh-CN");
-        },
-    },
-    router: {
-        enabled: true,
-        routes: getRoutes,
-        mode: 'browser',
-        hooks: {
-            beforeEach: authRouteGuard,
-        },
-    },
-    stateManager: {
-        defaultAdapter: stateAdapter,
-        enableRegistry: true,
-        defaultScope: 'core-app',
-        devMode: import.meta.env.DEV,
-    },
-});

package/antd-adapter-template/apps/core/src/pages/auth/components/account-login-fields.tsx

@@ -1,60 +0,0 @@
-import { LockOutlined, UserOutlined } from '@ant-design/icons';
-import { ProFormText } from '@ant-design/pro-components';
-import { useTranslation } from "react-i18next";
-
-export function AccountLoginFields() {
-  const { t } = useTranslation();
-
-  return (
-    <>
-      <ProFormText
-        name="username"
-        fieldProps={{
-          size: 'large',
-          prefix: <UserOutlined className="prefixIcon" />,
-        }}
-        placeholder={t("secraAdmin.login.usernamePlaceholder")}
-        rules={[
-          {
-            required: true,
-            message: t("secraAdmin.login.usernameRequired"),
-          },
-        ]}
-      />
-      <ProFormText.Password
-        name="password"
-        fieldProps={{
-          size: 'large',
-          prefix: <LockOutlined className="prefixIcon" />,
-          strengthText: t("secraAdmin.login.passwordStrengthText"),
-          statusRender: (value) => {
-            const getStatus = () => {
-              if (value && value.length > 12) {
-                return 'ok';
-              }
-              if (value && value.length > 6) {
-                return 'pass';
-              }
-              return 'poor';
-            };
-            const status = getStatus();
-            if (status === 'pass') {
-              return <div className="text-amber-500">{t("secraAdmin.login.passwordStrengthMedium")}</div>;
-            }
-            if (status === 'ok') {
-              return <div className="text-emerald-500">{t("secraAdmin.login.passwordStrengthStrong")}</div>;
-            }
-            return <div className="text-rose-500">{t("secraAdmin.login.passwordStrengthWeak")}</div>;
-          },
-        }}
-        placeholder={t("secraAdmin.login.passwordPlaceholder")}
-        rules={[
-          {
-            required: true,
-            message: t("secraAdmin.login.passwordRequired"),
-          },
-        ]}
-      />
-    </>
-  );
-}