create-secra 0.1.5 → 0.1.7

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

@@ -0,0 +1,65 @@
+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

@@ -0,0 +1,60 @@
+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"),
+          },
+        ]}
+      />
+    </>
+  );
+}

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

@@ -0,0 +1,60 @@
+import { LockOutlined, MobileOutlined } from '@ant-design/icons';
+import { ProFormCaptcha, ProFormText } from '@ant-design/pro-components';
+import { App } from 'antd';
+import { useTranslation } from "react-i18next";
+
+export function PhoneLoginFields() {
+  const { message, modal, notification } = App.useApp();
+  void modal;
+  void notification;
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <ProFormText
+        fieldProps={{
+          size: 'large',
+          prefix: <MobileOutlined className="prefixIcon" />,
+        }}
+        name="mobile"
+        placeholder={t("secraAdmin.login.mobilePlaceholder")}
+        rules={[
+          {
+            required: true,
+            message: t("secraAdmin.login.mobileRequired"),
+          },
+          {
+            pattern: /^1\d{10}$/,
+            message: t("secraAdmin.login.mobileInvalid"),
+          },
+        ]}
+      />
+      <ProFormCaptcha
+        fieldProps={{
+          size: 'large',
+          prefix: <LockOutlined className="prefixIcon" />,
+        }}
+        captchaProps={{
+          size: 'large',
+        }}
+        placeholder={t("secraAdmin.login.captchaPlaceholder")}
+        captchaTextRender={(timing, count) => {
+          if (timing) {
+            return t("secraAdmin.login.captchaButtonTiming", { count });
+          }
+          return t("secraAdmin.login.captchaButton");
+        }}
+        name="captcha"
+        rules={[
+          {
+            required: true,
+            message: t("secraAdmin.login.captchaRequired"),
+          },
+        ]}
+        onGetCaptcha={async () => {
+          message.success(t("secraAdmin.login.captchaSuccess"));
+        }}
+      />
+    </>
+  );
+}

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

@@ -0,0 +1,169 @@
+import {
+  AlipayCircleOutlined,
+  TaobaoCircleOutlined,
+  WeiboCircleOutlined,
+} from '@ant-design/icons';
+import {
+  LoginForm,
+  ProFormCheckbox,
+} from '@ant-design/pro-components';
+import { cache, I18nSwitchDropdown, ThemeSwitchDropdown, useThemeSwitch } from '@vlian/sdk';
+import { setToken } from '@vlian/sdk/hooks/auth';
+import {App, Form, Space, Tabs, Typography} from 'antd';
+import { useState } from 'react';
+import { redirect, useNavigate } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { login } from '../../api/auth';
+import { md5 } from '../../utils/md5';
+import { AccountLoginFields } from './components/account-login-fields';
+import { PhoneLoginFields } from './components/phone-login-fields';
+
+type LoginType = 'phone' | 'account';
+type LoginFormValues = {
+  username?: string;
+  password?: string;
+  mobile?: string;
+  captcha?: string;
+};
+
+const ACCESS_TOKEN_KEY = "auth-access-token";
+const REFRESH_TOKEN_KEY = "auth-refresh-token";
+const USER_INFO_KEY = "auth-user-info";
+
+export default function LoginPage() {
+  const [loginType, setLoginType] = useState<LoginType>('account');
+  const [form] = Form.useForm<LoginFormValues>();
+  const navigate = useNavigate();
+  const { message, modal, notification } = App.useApp();
+  void modal;
+  const { resolvedMode } = useThemeSwitch();
+  const { t } = useTranslation();
+  const isDark = resolvedMode === 'dark';
+
+  const onFinish = async (values: LoginFormValues): Promise<boolean> => {
+    if (loginType !== "account") {
+      message.warning(t("secraAdmin.login.phoneLoginNotReady"));
+      return false;
+    }
+    const identifier = values.username?.trim();
+    const password = values.password ?? "";
+    if (!identifier || !password) {
+      message.warning(t("secraAdmin.login.loginFailedCheckCredentials"));
+      return false;
+    }
+
+    try {
+      const response = await login({
+        identifier,
+        password: md5(password),
+      });
+
+      await Promise.all([
+        setToken(response.access_token, { key: ACCESS_TOKEN_KEY }),
+        setToken(response.refresh_token, { key: REFRESH_TOKEN_KEY }),
+        cache.localstorage.set(USER_INFO_KEY, response.user),
+      ]);
+      notification.success({
+        message: t("secraAdmin.login.loginSuccessTitle"),
+        description: t("secraAdmin.login.loginWelcomeUser", { username: identifier }),
+        placement: "topRight",
+      });
+      navigate("/", { replace: true });
+      return true;
+    } catch (error) {
+      const errorText = error instanceof Error ? error.message.trim() : "";
+      message.error(errorText || t("secraAdmin.login.loginFailedCheckCredentials"));
+      return false;
+    }
+  };
+
+  return (
+      <div
+          className={`relative min-h-screen overflow-hidden flex items-center justify-center px-4 py-6 transition-colors ${
+              isDark
+                  ? 'bg-[radial-gradient(circle_at_12%_20%,rgba(59,130,246,0.16)_0%,transparent_38%),radial-gradient(circle_at_85%_80%,rgba(16,185,129,0.12)_0%,transparent_35%),linear-gradient(135deg,#020617_0%,#0f172a_45%,#0b1225_100%)]'
+                  : 'bg-[radial-gradient(circle_at_12%_20%,rgba(59,130,246,0.2)_0%,transparent_38%),radial-gradient(circle_at_85%_80%,rgba(16,185,129,0.16)_0%,transparent_35%),linear-gradient(135deg,#f8fafc_0%,#f1f5f9_45%,#e0f2fe_100%)]'
+          }`}
+      >
+        <div
+            className={`absolute right-4 top-4 z-[2] flex items-center gap-1 rounded-full border px-1 py-1 backdrop-blur-md ${
+                isDark ? 'border-slate-700 bg-slate-900/70' : 'border-slate-200 bg-white/75'
+            }`}
+        >
+          <I18nSwitchDropdown storageType="localstorage" storageKey="sdk-lang" />
+          <ThemeSwitchDropdown storageType="localstorage" storageKey="theme-mode" />
+        </div>
+        <div className={`absolute top-[-120px] right-[-80px] h-[320px] w-[320px] rounded-full blur-[22px] ${isDark ? 'bg-blue-500/15' : 'bg-blue-400/20'}`} />
+        <div className={`absolute bottom-[-140px] left-[-80px] h-[280px] w-[280px] rounded-full blur-[18px] ${isDark ? 'bg-emerald-500/15' : 'bg-emerald-400/20'}`} />
+        <div
+            className={`relative z-[1] w-full max-w-[460px] rounded-3xl border px-[18px] py-[22px] backdrop-blur-md transition-colors ${
+                isDark
+                    ? 'border-slate-700/90 bg-slate-900/78 shadow-[0_24px_56px_rgba(2,6,23,0.5)]'
+                    : 'border-slate-200/90 bg-white/88 shadow-[0_24px_56px_rgba(15,23,42,0.14)]'
+            }`}
+        >
+          <LoginForm
+              form={form}
+              preserve={false}
+              logo="/logo.svg"
+              title={<Typography.Title level={3} className="!mb-0">Secra Admin</Typography.Title>}
+              subTitle={t("secraAdmin.login.subtitle")}
+              onFinish={onFinish}
+              actions={
+                <Space>
+                  <Typography.Text>{t("secraAdmin.login.otherLoginMethods")}</Typography.Text>
+                  <Typography.Text><AlipayCircleOutlined className="ml-4 text-2xl  align-middle cursor-pointer transition-colors hover:text-blue-500" /></Typography.Text>
+                  <Typography.Text><TaobaoCircleOutlined className="ml-4 text-2xl  align-middle cursor-pointer transition-colors hover:text-orange-500" /></Typography.Text>
+                  <Typography.Text><WeiboCircleOutlined className="ml-4 text-2xl  align-middle cursor-pointer transition-colors hover:text-rose-500" /></Typography.Text>
+                </Space>
+              }
+          >
+            <Tabs
+                centered
+                activeKey={loginType}
+                onChange={(activeKey) => {
+                  const nextType = activeKey as LoginType;
+                  setLoginType(nextType);
+                  if (nextType === "account") {
+                    form.resetFields(["mobile", "captcha"]);
+                    return;
+                  }
+                  form.resetFields(["username", "password"]);
+                }}
+                items={[
+                  { key: 'account', label: t("secraAdmin.login.accountTab") },
+                  { key: 'phone', label: t("secraAdmin.login.phoneTab") },
+                ]}
+            />
+            {loginType === 'account' && (
+                <AccountLoginFields />
+            )}
+            {loginType === 'phone' && (
+                <PhoneLoginFields />
+            )}
+            <div className="mb-6">
+              <ProFormCheckbox noStyle name="autoLogin">
+                {t("secraAdmin.login.autoLogin")}
+              </ProFormCheckbox>
+              <a className="float-right">{t("secraAdmin.login.forgotPassword")}</a>
+            </div>
+          </LoginForm>
+        </div>
+      </div>
+  );
+}
+
+// 进入之前处理 如果有登录则跳转到首页
+// eslint-disable-next-line react-refresh/only-export-components
+export async function loader() {
+  const [accessToken, refreshToken] = await Promise.all([
+    cache.localstorage.get<string>(ACCESS_TOKEN_KEY),
+    cache.localstorage.get<string>(REFRESH_TOKEN_KEY),
+  ]);
+
+  if (accessToken || refreshToken) {
+    return redirect('/');
+  }
+
+  return null;
+}

package/antd-adapter-template/apps/core/src/pages/index.tsx

@@ -0,0 +1,156 @@
+import { useMemo, type CSSProperties } from "react";
+import { Button as AntdButton, Input, Space, Typography } from "antd";
+import { I18nSwitchDropdown, ThemeSwitchDropdown, useUnifiedThemePreset, type UnifiedThemePreset } from "@vlian/sdk";
+import { withAuth } from "@vlian/sdk/hooks/auth";
+import { useTranslation } from "react-i18next";
+
+const THEME_PRESETS: UnifiedThemePreset[] = [
+  {
+    key: "ocean",
+    label: "Ocean",
+    primaryColor: "#1677ff",
+  },
+  {
+    key: "emerald",
+    label: "Emerald",
+    primaryColor: "#10b981",
+  },
+  {
+    key: "rose",
+    label: "Rose",
+    primaryColor: "#e11d48",
+  },
+];
+
+const Home = () => {
+  const { t } = useTranslation();
+  const { theme, mode, resolvedMode, setTheme, presetKey, activePreset, applyPreset, setUnifiedPrimaryColor } = useUnifiedThemePreset(THEME_PRESETS, {
+    defaultPresetKey: THEME_PRESETS[0].key,
+    borderRadius: 8,
+  });
+
+  const palette = useMemo(
+    () =>
+      resolvedMode === "dark"
+        ? {
+            text: "#e2e8f0",
+            textMuted: "#94a3b8",
+            background: "linear-gradient(180deg, #0f172a 0%, #020617 100%)",
+            cardBg: "#0b1225",
+            cardBorder: "#1f2a44",
+          }
+        : {
+            text: "#0f172a",
+            textMuted: "#475569",
+            background: "linear-gradient(180deg, #f8fafc 0%, #ffffff 100%)",
+            cardBg: "#ffffff",
+            cardBorder: "#e5e7eb",
+          },
+    [resolvedMode],
+  );
+
+  const cardStyle: CSSProperties = useMemo(
+    () => ({
+      border: `1px solid ${palette.cardBorder}`,
+      borderRadius: 12,
+      padding: 16,
+      background: palette.cardBg,
+      boxShadow: resolvedMode === "dark" ? "0 8px 28px rgba(2, 6, 23, 0.5)" : "0 6px 24px rgba(15, 23, 42, 0.06)",
+    }),
+    [palette.cardBg, palette.cardBorder, resolvedMode],
+  );
+
+  return (
+    <main style={{ minHeight: "100vh", padding: "40px 20px", background: palette.background, color: palette.text, position: "relative" }}>
+      <div
+        style={{
+          position: "absolute",
+          right: 16,
+          top: 16,
+          zIndex: 1,
+          display: "flex",
+          alignItems: "center",
+          gap: 4,
+          borderRadius: 999,
+          border: `1px solid ${palette.cardBorder}`,
+          padding: 4,
+          background: resolvedMode === "dark" ? "rgba(15, 23, 42, 0.65)" : "rgba(255, 255, 255, 0.75)",
+          backdropFilter: "blur(8px)",
+        }}
+      >
+        <I18nSwitchDropdown storageType="localstorage" storageKey="sdk-lang" />
+        <ThemeSwitchDropdown storageType="localstorage" storageKey="theme-mode" />
+      </div>
+      <section style={{ maxWidth: 980, margin: "0 auto", display: "grid", gap: 14 }}>
+        <div style={cardStyle}>
+          <h1 style={{ margin: 0, fontSize: 30 }}>{t("secraAdmin.home.title")}</h1>
+          <p style={{ margin: "8px 0 0", color: palette.textMuted }}>
+            {t("secraAdmin.home.currentMode")}：<b>{mode}</b>（{t("secraAdmin.home.resolvedMode")}：<b>{resolvedMode}</b>）
+          </p>
+        </div>
+
+        <div style={cardStyle}>
+          <h3 style={{ marginTop: 0 }}>{t("secraAdmin.home.modeSwitchTitle")}</h3>
+          <Space wrap>
+            {(["light", "dark", "system"] as const).map((nextMode) => (
+              <AntdButton
+                key={nextMode}
+                type={mode === nextMode ? "primary" : "default"}
+                onClick={() =>
+                  setTheme((prev) => {
+                    const previous = prev ?? {};
+                    return { ...previous, mode: nextMode };
+                  })
+                }
+              >
+                {t(`secraAdmin.home.mode.${nextMode}`)}
+              </AntdButton>
+            ))}
+          </Space>
+        </div>
+
+        <div style={cardStyle}>
+          <h3 style={{ marginTop: 0 }}>{t("secraAdmin.home.unifiedThemeTitle")}</h3>
+          <Space wrap>
+            {THEME_PRESETS.map((preset) => (
+              <AntdButton key={preset.key} type={presetKey === preset.key ? "primary" : "default"} onClick={() => applyPreset(preset.key)}>
+                {preset.label}
+              </AntdButton>
+            ))}
+            <Input
+              style={{ width: 180 }}
+              value={theme.primaryColor ?? activePreset?.primaryColor ?? "#1677ff"}
+              onChange={(event) => {
+                setUnifiedPrimaryColor(event.target.value);
+              }}
+              placeholder="#1677ff"
+            />
+          </Space>
+        </div>
+
+        <div style={cardStyle}>
+          <h3 style={{ marginTop: 0 }}>{t("secraAdmin.home.previewTitle")}</h3>
+          <Space wrap>
+            <AntdButton type="primary">Antd Primary</AntdButton>
+            <AntdButton>Antd Default</AntdButton>
+            <AntdButton type="dashed">Antd Dashed</AntdButton>
+            <AntdButton type="text">Antd Text</AntdButton>
+          </Space>
+        </div>
+
+        <div style={cardStyle}>
+          <h3 style={{ marginTop: 0 }}>{t("secraAdmin.home.currentUnifiedThemeTitle")}</h3>
+          <Typography.Paragraph style={{ marginTop: 10, marginBottom: 0, color: palette.textMuted }}>
+            {t("secraAdmin.home.themePreset")}：<b>{activePreset?.label ?? "-"}</b>，primaryColor：<b>{theme.primaryColor}</b>
+          </Typography.Paragraph>
+        </div>
+      </section>
+    </main>
+  );
+};
+
+const HomeWithAuth = withAuth(Home);
+
+HomeWithAuth.displayName = "Home";
+
+export default HomeWithAuth;

package/antd-adapter-template/apps/core/src/router.ts

@@ -0,0 +1,42 @@
+import type { RouteConfig } from "@vlian/framework/core"
+import { loader as LoginLoader } from "./pages/auth/login";
+
+const LoginPage = lazy(() => import("./pages/auth/login"));
+const HomePage = lazy(() => import("./pages/index"));
+
+export const getRoutes = async (): Promise<RouteConfig[]> => {
+    return [
+        {
+            path: "/auth/login",
+            name: "authLogin",
+            page: async () => ({
+                default: LoginPage,
+                loader: LoginLoader,
+            }),
+            handle: {
+                title: "登录",
+                order: 0,
+            },
+        },
+        {
+            path: "/",
+            name: "home",
+            page: async () => ({
+                default: HomePage,
+            }),
+            handle: {
+                title: "首页",
+                order: 1,
+            }
+        },
+        {
+            path: "/test",
+            name: "Test",
+            layout: () => import('./components/layout.tsx'),
+            handle: {
+                title: "测试",
+                order: 2,
+            }
+        }
+    ]
+}

package/antd-adapter-template/apps/core/src/shims/use-sync-external-store-shim.ts

@@ -0,0 +1,3 @@
+import { useSyncExternalStore as reactUseSyncExternalStore } from 'react';
+
+export const useSyncExternalStore = reactUseSyncExternalStore;

package/antd-adapter-template/apps/core/src/theme/theme.css

@@ -0,0 +1,48 @@
+:root {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 222.2 84% 4.9%;
+  --primary: 221.2 83.2% 53.3%;
+  --primary-foreground: 210 40% 98%;
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+  --muted: 210 40% 96.1%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+  --ring: 221.2 83.2% 53.3%;
+}
+
+.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: 210 40% 98%;
+  --card: 222.2 84% 4.9%;
+  --card-foreground: 210 40% 98%;
+  --popover: 222.2 84% 4.9%;
+  --popover-foreground: 210 40% 98%;
+  --primary: 217.2 91.2% 59.8%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+  --muted: 217.2 32.6% 17.5%;
+  --muted-foreground: 215 20.2% 65.1%;
+  --accent: 217.2 32.6% 17.5%;
+  --accent-foreground: 210 40% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 210 40% 98%;
+  --border: 217.2 32.6% 17.5%;
+  --input: 217.2 32.6% 17.5%;
+  --ring: 224.3 76.3% 48%;
+}
+
+body {
+  background-color: hsl(var(--background));
+  color: hsl(var(--foreground));
+}

package/antd-adapter-template/apps/core/src/types/crypto-js.d.ts

@@ -0,0 +1,5 @@
+declare module "crypto-js/md5" {
+  const md5: (input: string) => { toString: () => string };
+  export default md5;
+}
+

package/antd-adapter-template/apps/core/src/utils/index.ts

@@ -0,0 +1,12 @@
+type LogMethod = (...args: unknown[]) => void;
+
+/**
+ * Compatibility logger for framework code that imports `@/utils`.
+ */
+export const logger: Record<'info' | 'warn' | 'error' | 'debug', LogMethod> = {
+  info: (...args) => console.info(...args),
+  warn: (...args) => console.warn(...args),
+  error: (...args) => console.error(...args),
+  debug: (...args) => console.debug(...args),
+};
+

package/antd-adapter-template/apps/core/src/utils/md5.ts

@@ -0,0 +1,6 @@
+import md5Impl from "crypto-js/md5";
+
+export const md5 = (input: string): string => {
+  return md5Impl(input).toString();
+};
+

package/antd-adapter-template/apps/core/tsconfig.app.json

@@ -0,0 +1,11 @@
+{
+  "extends": "../../tsconfig.app.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}

package/antd-adapter-template/apps/core/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/antd-adapter-template/apps/core/tsconfig.node.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.node.json",
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
+  },
+  "include": ["vite.config.ts"]
+}