create-secra 0.1.11 → 1.0.2

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,11 +0,0 @@
-{
-  "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

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

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

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

package/antd-adapter-template/apps/core/vite.config.ts

@@ -1,118 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import Inspect from 'vite-plugin-inspect'
-import path from 'node:path';
-import {
-  setupAutoImport,
-  setupUnocss,
-  setupUnPluginIcon,
-  setupRemoveConsole,
-  include,
-} from '@vlian/sdk/build';
-
-// https://vite.dev/config/
-export default defineConfig(({ mode }) => {
-  void mode;
-
-  return {
-    plugins: [
-        react(),
-      // 开发环境：打包检查工具（可选，需要 vite@^6.0.0）
-      // 注意：vite-plugin-inspect 在某些情况下可能不兼容，如遇错误请注释掉
-      ...(process.env.NODE_ENV === 'development' ? [Inspect()] : []),
-
-      // 生产环境：移除 console
-      setupRemoveConsole(),
-
-      // 自动导入
-      setupAutoImport(),
-
-      // UnoCSS（需要指定本地图标路径）
-      setupUnocss(
-          path.join(process.cwd(), 'src/assets/svg-icon'),
-          {
-            // 覆盖 content 配置，扫描主应用代码
-            content: {
-              filesystem: ['./src/**/*.{tsx,ts,jsx,js}'],
-            },
-          }
-      ),
-
-      // 图标插件（SVG 支持）
-      ...setupUnPluginIcon(
-          path.join(process.cwd(), 'src/assets/svg-icon')
-      ),
-
-      // 打包分析（可选，建议仅在需要时启用）
-      // setupBundleAnalyzer({
-      //   filename: '../../dist/main/stats.html',
-      //   open: true,
-      // }),
-    ],
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, './src'),
-        'use-sync-external-store/shim': path.resolve(__dirname, './src/shims/use-sync-external-store-shim.ts'),
-        'use-sync-external-store/shim/index.js': path.resolve(__dirname, './src/shims/use-sync-external-store-shim.ts'),
-      },
-      preserveSymlinks: false,
-    },
-    // 依赖优化
-    optimizeDeps: {
-      include: [...include],
-      // exclude: ["@vlian/sdk", "@vlian/sdk/request", "@vlian/sdk/build", "lightningcss"],
-    },
-    server: {
-      host: '127.0.0.1',
-      port: 5173,
-      open: true,
-    },
-    build: {
-      outDir: '../../dist/core',
-      sourcemap: false,
-      manifest: true,
-      // 确保 CSS 被提取到单独文件
-      cssCodeSplit: true,
-      chunkSizeWarningLimit: 700,
-      modulePreload: {
-        // Keep HTML preload list focused to avoid over-eager first-wave requests.
-        resolveDependencies: (_filename, deps, context) => {
-          if (context.hostType !== 'html') return deps;
-          return deps.filter(
-            (dep) =>
-              dep.includes('rolldown-runtime') ||
-              dep.includes('/index-') ||
-              dep.includes('/index.'),
-          );
-        },
-      },
-      rollupOptions: {
-        // Node-only adapter dependency used by framework optional path.
-        // Keep it external to avoid browser bundle resolution failure.
-        external: ['undici'],
-        output: {
-          manualChunks(id) {
-            if (id.includes('node_modules')) {
-              if (id.includes('/node_modules/@ant-design/pro-components/')) return 'pro-vendor';
-              if (
-                id.includes('/node_modules/react/') ||
-                id.includes('/node_modules/react-dom/') ||
-                id.includes('/node_modules/scheduler/')
-              ) return 'react-vendor';
-              if (id.includes('/node_modules/@ant-design/icons/')) return 'antd-icons-vendor';
-              if (
-                id.includes('/node_modules/antd/') ||
-                (id.includes('/node_modules/@ant-design/') && !id.includes('/node_modules/@ant-design/pro-components/'))
-              ) return 'antd-vendor';
-              if (id.includes('@vlian/framework/dist/request/')) return 'framework-request-vendor';
-              if (id.includes('@vlian/framework/dist/state/')) return 'framework-state-vendor';
-              if (id.includes('@vlian/framework/dist/core/')) return 'framework-core-vendor';
-              if (id.includes('@vlian/framework')) return 'framework-misc-vendor';
-              if (id.includes('i18next') || id.includes('react-i18next')) return 'i18n-vendor';
-            }
-          },
-        },
-      },
-    },
-  };
-})