@qlover/create-app 1.1.0 → 2.0.0

package/dist/templates/next-app/src/styles/css/antd-themes/table/_default.css

@@ -1,44 +0,0 @@
-/* custom variables - for antd and custom css */
-html,
-.fe-theme {
-  /* Antd Table 组件变量 */
-  .ant-table-css-var {
-    --fe-table-header-bg: rgb(var(--color-bg-elevated));
-    --fe-table-header-color: rgb(var(--text-primary));
-    --fe-table-header-sort-active-bg: rgb(var(--color-bg-secondary));
-    --fe-table-header-sort-hover-bg: rgb(var(--color-bg-secondary));
-    --fe-table-body-sort-bg: rgb(var(--color-bg-elevated));
-    --fe-table-row-hover-bg: rgb(var(--color-bg-secondary));
-    --fe-table-row-selected-bg: rgba(var(--color-brand), 0.1);
-    --fe-table-row-selected-hover-bg: rgba(var(--color-brand-hover), 0.2);
-    --fe-table-row-expanded-bg: rgba(var(--text-primary), 0.02);
-    --fe-table-cell-padding-block: 16px;
-    --fe-table-cell-padding-inline: 16px;
-    --fe-table-cell-padding-block-md: 12px;
-    --fe-table-cell-padding-inline-md: 8px;
-    --fe-table-cell-padding-block-sm: 8px;
-    --fe-table-cell-padding-inline-sm: 8px;
-    --fe-table-border-color: rgb(var(--color-border));
-    --fe-table-header-border-radius: 8px;
-    --fe-table-footer-bg: rgb(var(--color-bg-elevated));
-    --fe-table-footer-color: rgb(var(--text-primary));
-    --fe-table-cell-font-size: 14px;
-    --fe-table-cell-font-size-md: 14px;
-    --fe-table-cell-font-size-sm: 14px;
-    --fe-table-header-split-color: rgb(var(--color-border));
-    --fe-table-fixed-header-sort-active-bg: rgb(var(--color-bg-secondary));
-    --fe-table-header-filter-hover-bg: rgba(var(--text-primary), 0.06);
-    --fe-table-filter-dropdown-menu-bg: rgb(var(--color-bg-base));
-    --fe-table-filter-dropdown-bg: rgb(var(--color-bg-base));
-    --fe-table-expand-icon-bg: rgb(var(--color-bg-base));
-    --fe-table-selection-column-width: 32px;
-    --fe-table-sticky-scroll-bar-bg: rgba(var(--text-primary), 0.25);
-    --fe-table-sticky-scroll-bar-border-radius: 100px;
-    --fe-table-expand-icon-margin-top: 2.5px;
-    --fe-table-header-icon-color: rgb(var(--text-tertiary));
-    --fe-table-header-icon-hover-color: rgb(var(--text-secondary));
-    --fe-table-expand-icon-half-inner: 7px;
-    --fe-table-expand-icon-size: 17px;
-    --fe-table-expand-icon-scale: 0.9411764705882353;
-  }
-}

package/dist/templates/next-app/src/styles/css/antd-themes/table/dark.css

@@ -1,43 +0,0 @@
-[data-theme='dark'],
-[data-theme='dark'] .fe-theme {
-  /* Antd Table 组件变量 */
-  .ant-table-css-var {
-    --fe-table-header-bg: rgb(var(--color-bg-secondary));
-    --fe-table-header-color: rgb(var(--text-primary));
-    --fe-table-header-sort-active-bg: rgb(var(--color-bg-elevated));
-    --fe-table-header-sort-hover-bg: rgb(var(--color-bg-elevated));
-    --fe-table-body-sort-bg: rgb(var(--color-bg-secondary));
-    --fe-table-row-hover-bg: rgb(var(--color-bg-elevated));
-    --fe-table-row-selected-bg: rgba(var(--color-brand), 0.2);
-    --fe-table-row-selected-hover-bg: rgba(var(--color-brand-hover), 0.3);
-    --fe-table-row-expanded-bg: rgba(var(--text-primary), 0.02);
-    --fe-table-cell-padding-block: 16px;
-    --fe-table-cell-padding-inline: 16px;
-    --fe-table-cell-padding-block-md: 12px;
-    --fe-table-cell-padding-inline-md: 8px;
-    --fe-table-cell-padding-block-sm: 8px;
-    --fe-table-cell-padding-inline-sm: 8px;
-    --fe-table-border-color: rgb(var(--color-border));
-    --fe-table-header-border-radius: 8px;
-    --fe-table-footer-bg: rgb(var(--color-bg-secondary));
-    --fe-table-footer-color: rgb(var(--text-primary));
-    --fe-table-cell-font-size: 14px;
-    --fe-table-cell-font-size-md: 14px;
-    --fe-table-cell-font-size-sm: 14px;
-    --fe-table-header-split-color: rgb(var(--color-border));
-    --fe-table-fixed-header-sort-active-bg: rgb(var(--color-bg-elevated));
-    --fe-table-header-filter-hover-bg: rgba(var(--text-primary), 0.06);
-    --fe-table-filter-dropdown-menu-bg: rgb(var(--color-bg-base));
-    --fe-table-filter-dropdown-bg: rgb(var(--color-bg-base));
-    --fe-table-expand-icon-bg: rgb(var(--color-bg-base));
-    --fe-table-selection-column-width: 32px;
-    --fe-table-sticky-scroll-bar-bg: rgba(var(--text-primary), 0.25);
-    --fe-table-sticky-scroll-bar-border-radius: 100px;
-    --fe-table-expand-icon-margin-top: 2.5px;
-    --fe-table-header-icon-color: rgb(var(--text-tertiary));
-    --fe-table-header-icon-hover-color: rgb(var(--text-secondary));
-    --fe-table-expand-icon-half-inner: 7px;
-    --fe-table-expand-icon-size: 17px;
-    --fe-table-expand-icon-scale: 0.9411764705882353;
-  }
-}

package/dist/templates/next-app/src/styles/css/antd-themes/table/index.css

@@ -1,3 +0,0 @@
-@import './_default.css';
-@import './dark.css';
-@import './pink.css';

package/dist/templates/next-app/src/styles/css/antd-themes/table/pink.css

@@ -1,43 +0,0 @@
-[data-theme='pink'],
-[data-theme='pink'] .fe-theme {
-  /* Antd Table 组件变量 */
-  .ant-table-css-var {
-    --fe-table-header-bg: var(--ant-color-bg-container);
-    --fe-table-header-color: var(--ant-color-text);
-    --fe-table-header-sort-active-bg: var(--ant-color-bg-elevated);
-    --fe-table-header-sort-hover-bg: var(--ant-color-bg-elevated);
-    --fe-table-body-sort-bg: var(--ant-color-bg-container);
-    --fe-table-row-hover-bg: var(--ant-color-bg-elevated);
-    --fe-table-row-selected-bg: var(--fe-color-primary-bg);
-    --fe-table-row-selected-hover-bg: rgba(var(--fe-color-primary-hover), 0.2);
-    --fe-table-row-expanded-bg: rgba(var(--ant-color-text), 0.02);
-    --fe-table-cell-padding-block: 16px;
-    --fe-table-cell-padding-inline: 16px;
-    --fe-table-cell-padding-block-md: 12px;
-    --fe-table-cell-padding-inline-md: 8px;
-    --fe-table-cell-padding-block-sm: 8px;
-    --fe-table-cell-padding-inline-sm: 8px;
-    --fe-table-border-color: var(--ant-color-border);
-    --fe-table-header-border-radius: 8px;
-    --fe-table-footer-bg: var(--ant-color-bg-container);
-    --fe-table-footer-color: var(--ant-color-text);
-    --fe-table-cell-font-size: 14px;
-    --fe-table-cell-font-size-md: 14px;
-    --fe-table-cell-font-size-sm: 14px;
-    --fe-table-header-split-color: var(--ant-color-border);
-    --fe-table-fixed-header-sort-active-bg: var(--ant-color-bg-elevated);
-    --fe-table-header-filter-hover-bg: rgba(var(--ant-color-text), 0.06);
-    --fe-table-filter-dropdown-menu-bg: var(--ant-color-bg-container);
-    --fe-table-filter-dropdown-bg: var(--ant-color-bg-container);
-    --fe-table-expand-icon-bg: var(--ant-color-bg-container);
-    --fe-table-selection-column-width: 32px;
-    --fe-table-sticky-scroll-bar-bg: rgba(var(--ant-color-text), 0.25);
-    --fe-table-sticky-scroll-bar-border-radius: 100px;
-    --fe-table-expand-icon-margin-top: 2.5px;
-    --fe-table-header-icon-color: var(--fe-color-icon);
-    --fe-table-header-icon-hover-color: var(--fe-color-icon-hover);
-    --fe-table-expand-icon-half-inner: 7px;
-    --fe-table-expand-icon-size: 17px;
-    --fe-table-expand-icon-scale: 0.9411764705882353;
-  }
-}

package/dist/templates/next-app/src/styles/css/index.css

@@ -1,6 +0,0 @@
-@import './tailwind.css';
-@import './zIndex.css';
-
-@import './antd-themes/index.css';
-@import './scrollbar.css';
-@import './page.css';

package/dist/templates/next-app/src/styles/css/page.css

@@ -1,20 +0,0 @@
-/**
- * This file is used to define the page styles for the app.
- * 
- * @example --color-primary
- * ```tsx
- * <div className="bg-primary text-primary border-text-tertiary"></div>
- * ```
- */
-@theme {
-  --color-primary: rgba(var(--color-bg-base));
-  --color-secondary: rgba(var(--color-bg-secondary));
-  --color-elevated: rgba(var(--color-bg-elevated));
-  --color-text: rgba(var(--text-primary));
-  --color-text-hover: rgba(var(--text-primary-hover));
-  --color-text-secondary: rgba(var(--text-secondary));
-  --color-text-tertiary: rgba(var(--text-tertiary));
-  --color-c-border: rgba(var(--color-border));
-  --color-c-brand: rgba(var(--color-brand));
-  --color-c-brand-hover: rgba(var(--color-brand-hover));
-}

package/dist/templates/next-app/src/styles/css/scrollbar.css

@@ -1,34 +0,0 @@
-html,
-.fe-theme {
-  --scrollbar-track-color: var(--color-secondary);
-  --scrollbar-thumb-color: var(--color-text-secondary);
-  --scrollbar-thumb-hover-color: var(--color-brand-hover);
-
-  /* Webkit browsers (Chrome, Safari, Edge) - 全局样式，使用最高优先级 */
-  body *::-webkit-scrollbar,
-  *::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-  }
-
-  body *::-webkit-scrollbar-track,
-  *::-webkit-scrollbar-track {
-    background: var(--scrollbar-track-color);
-  }
-
-  body *::-webkit-scrollbar-thumb,
-  *::-webkit-scrollbar-thumb {
-    background-color: var(--scrollbar-thumb-color);
-    border-radius: 6px;
-    border: 1px solid var(--scrollbar-track-color);
-    transition: background-color 0.2s ease;
-  }
-
-  body *::-webkit-scrollbar-thumb:hover {
-    background-color: var(--scrollbar-thumb-hover-color) !important;
-  }
-
-  *::-webkit-scrollbar-thumb:hover {
-    background-color: var(--scrollbar-thumb-hover-color) !important;
-  }
-}

package/dist/templates/next-app/src/styles/css/tailwind.css

@@ -1,5 +0,0 @@
-@layer theme, base, antd, components, utilities;
-
-@import 'tailwindcss';
-
-@import './themes/index.css';

package/dist/templates/next-app/src/styles/css/themes/_default.css

@@ -1,30 +0,0 @@
-/* theme variables - for tailwind */
-@layer base {
-  :root {
-    /* 基础背景色 */
-    --color-bg-base: 255 255 255;
-    --color-bg-secondary: 241 245 249; /* slate-100 */
-    --color-bg-elevated: 248 250 252; /* slate-50 */
-
-    /* 文字颜色 */
-    --text-primary: 15 23 42; /* slate-900 */
-    --text-primary-hover: 100 116 139; /* slate-500 */
-    --text-secondary: 71 85 105; /* slate-600 */
-    --text-tertiary: 100 116 139; /* slate-500 */
-
-    /* 边框颜色 */
-    --color-border: 226 232 240; /* slate-200 */
-
-    /* 品牌色 */
-    --color-brand: 37 99 235; /* blue-600 */
-    --color-brand-hover: 59 130 246; /* blue-500 */
-
-    /* 登录页特定样式 */
-    --login-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-    --login-input-bg: var(--fe-color-bg-container);
-    --login-input-border: var(--fe-color-border);
-    --login-button-text: rgb(255 255 255);
-    --login-social-button-bg: var(--fe-color-bg-container);
-    --login-social-button-border: var(--fe-color-border);
-  }
-}

package/dist/templates/next-app/src/styles/css/themes/dark.css

@@ -1,30 +0,0 @@
-/* theme variables - for tailwind */
-@layer base {
-  [data-theme='dark'] {
-    /* 基础背景色 */
-    --color-bg-base: 15 23 42; /* slate-900 */
-    --color-bg-secondary: 30 41 59; /* slate-800 */
-    --color-bg-elevated: 51 65 85; /* slate-700 */
-
-    /* 文字颜色 */
-    --text-primary: 255 255 255;
-    --text-primary-hover: 148 163 184; /* slate-400 */
-    --text-secondary: 148 163 184; /* slate-400 */
-    --text-tertiary: 100 116 139; /* slate-500 */
-
-    /* 边框颜色 */
-    --color-border: 51 65 85; /* slate-700 */
-
-    /* 品牌色 */
-    --color-brand: 37 99 235; /* blue-600 */
-    --color-brand-hover: 59 130 246; /* blue-500 */
-
-    /* 登录页特定样式 */
-    --login-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
-    --login-input-bg: var(--fe-color-bg-container);
-    --login-input-border: var(--fe-color-border);
-    --login-button-text: rgb(255 255 255);
-    --login-social-button-bg: var(--fe-color-bg-container);
-    --login-social-button-border: var(--fe-color-border);
-  }
-}

package/dist/templates/next-app/src/styles/css/themes/index.css

@@ -1,3 +0,0 @@
-@import './_default.css';
-@import './dark.css';
-@import './pink.css';

package/dist/templates/next-app/src/styles/css/themes/pink.css

@@ -1,30 +0,0 @@
-/* theme variables - for tailwind */
-@layer base {
-  [data-theme='pink'] {
-    /* 基础背景色 */
-    --color-bg-base: 255 241 242; /* rose-50 */
-    --color-bg-secondary: 255 228 230; /* rose-100 */
-    --color-bg-elevated: 254 205 211; /* rose-200 */
-
-    /* 文字颜色 */
-    --text-primary: 190 18 60; /* rose-700 */
-    --text-primary-hover: 244 63 94; /* rose-500 */
-    --text-secondary: 225 29 72; /* rose-600 */
-    --text-tertiary: 244 63 94; /* rose-500 */
-
-    /* 边框颜色 */
-    --color-border: 254 205 211; /* rose-200 */
-
-    /* 品牌色 */
-    --color-brand: 225 29 72; /* rose-600 */
-    --color-brand-hover: 244 63 94; /* rose-500 */
-
-    /* 登录页特定样式 */
-    --login-card-shadow: 0 4px 12px rgba(244 63 94 / 0.15);
-    --login-input-bg: var(--ant-color-bg-container);
-    --login-input-border: var(--ant-color-border);
-    --login-button-text: rgb(255 255 255);
-    --login-social-button-bg: var(--ant-color-bg-container);
-    --login-social-button-border: var(--ant-color-border);
-  }
-}

package/dist/templates/next-app/src/styles/css/zIndex.css

@@ -1,9 +0,0 @@
-/**
- * This file is used to define the z-index values for the app.
- */
-:root {
-  /* antd select popup zindex */
-  --zi-select: 1050;
-  /* antd message zindex */
-  --zi-message: 2010;
-}

package/dist/templates/next-app/src/uikit/components/AdminLayout.tsx

@@ -1,150 +0,0 @@
-'use client';
-
-import {
-  DashboardOutlined,
-  GlobalOutlined,
-  UserOutlined,
-  VerticalAlignBottomOutlined,
-  VerticalAlignTopOutlined
-} from '@ant-design/icons';
-import { useStore } from '@brain-toolkit/react-kit';
-import { Layout, Menu } from 'antd';
-import { clsx } from 'clsx';
-import { usePathname } from 'next/navigation';
-import React, { useMemo, type HTMLAttributes } from 'react';
-import { AdminPageManager } from '@/base/cases/AdminPageManager';
-import { COMMON_ADMIN_TITLE } from '@config/Identifier';
-import { LocaleLink } from './LocaleLink';
-import { LanguageSwitcher } from '../components-app/LanguageSwitcher';
-import { LogoutButton } from '../components-app/LogoutButton';
-import { ThemeSwitcher } from '../components-app/ThemeSwitcher';
-import { useIOC } from '../hook/useIOC';
-import { useWarnTranslations } from '../hook/useWarnTranslations';
-import type { ItemType } from 'antd/es/menu/interface';
-
-const { Sider } = Layout;
-
-const IconMap = {
-  dashboard: <DashboardOutlined />,
-  users: <UserOutlined />,
-  locales: <GlobalOutlined />
-};
-
-export interface AdminLayoutProps extends HTMLAttributes<HTMLDivElement> {
-  mainClassName?: string;
-  children: React.ReactNode;
-}
-
-export function AdminLayout(props: AdminLayoutProps) {
-  const { children, className, mainClassName, ...rest } = props;
-
-  const pathname = usePathname();
-  const page = useIOC(AdminPageManager);
-  const collapsedSidebar = useStore(page, page.selectors.collapsedSidebar);
-  const navItems = useStore(page, page.selectors.navItems);
-  const t = useWarnTranslations();
-
-  const title = useMemo(() => t(COMMON_ADMIN_TITLE), [t]);
-
-  const selectedKey = useMemo(() => {
-    // 移除语言前缀，例如 /en/admin/users -> /admin/users
-    const normalizedPath = pathname?.replace(/^\/[^/]+/, '') ?? '';
-    return navItems.find((item) => item.pathname === normalizedPath)?.key || '';
-  }, [pathname, navItems]);
-
-  const sidebarItems = useMemo(() => {
-    return navItems.map((item) => {
-      // TODO: use i18n
-      const title = item.i18nKey;
-      const icon = IconMap[item.key as keyof typeof IconMap];
-
-      return {
-        key: item.key,
-        label: (
-          <LocaleLink
-            href={item.pathname!}
-            title={title}
-            className="flex items-center gap-2"
-          >
-            {icon}
-            <span>{title}</span>
-          </LocaleLink>
-        ),
-        link: item.pathname
-      } as ItemType;
-    });
-  }, [navItems]);
-
-  const rightActions = useMemo(() => {
-    return [
-      <LanguageSwitcher key="language-switcher" />,
-      <ThemeSwitcher key="theme-switcher" />,
-      <LogoutButton key="logout-button" />
-    ];
-  }, []);
-
-  return (
-    <Layout data-testid="AdminLayout" className={className} {...rest}>
-      <div className="overflow-y-auto overflow-x-hidden h-screen sticky top-0 bottom-0">
-        <Sider
-          className="h-full relative"
-          onCollapse={() => page.toggleSidebar()}
-          collapsed={collapsedSidebar}
-          collapsedWidth={46}
-        >
-          <Menu
-            mode="inline"
-            items={sidebarItems}
-            selectedKeys={selectedKey ? [selectedKey] : []}
-          />
-
-          <div
-            data-testid="ToggleSidebarButton"
-            className="absolute w-2 right-0 top-0 bottom-0 bg-secondary cursor-pointer hover:bg-elevated flex items-center justify-center"
-            onClick={() => page.toggleSidebar()}
-          >
-            <span className="text-text scale-75 rotate-x-90">
-              {collapsedSidebar ? (
-                <VerticalAlignTopOutlined />
-              ) : (
-                <VerticalAlignBottomOutlined />
-              )}
-            </span>
-          </div>
-        </Sider>
-      </div>
-
-      <Layout>
-        <header
-          data-testid="AdminLayoutHeader"
-          className="h-14 bg-secondary border-b border-c-border sticky top-0 z-50"
-        >
-          <div
-            className={clsx(
-              'flex items-center justify-between h-full px-4 mx-auto max-w-7xl',
-              className
-            )}
-          >
-            <div className="flex items-center">
-              <LocaleLink
-                href="/admin"
-                title={title}
-                className="flex items-center hover:opacity-80 transition-opacity"
-              >
-                <span className="text-lg font-semibold text-text">{title}</span>
-              </LocaleLink>
-            </div>
-            <div className="flex items-center gap-2 md:gap-4">
-              {rightActions}
-            </div>
-          </div>
-        </header>
-        <main
-          className={clsx('p-2 bg-primary text-text flex-1', mainClassName)}
-        >
-          {children}
-        </main>
-      </Layout>
-    </Layout>
-  );
-}

package/dist/templates/next-app/src/uikit/components/BootstrapsProvider.tsx

@@ -1,39 +0,0 @@
-'use client';
-import '@ant-design/v5-patch-for-react-19';
-
-import { useLocale } from 'next-intl';
-import { useEffect, useState } from 'react';
-import type { I18nServiceLocale } from '@/base/port/I18nServiceInterface';
-import { BootstrapClient } from '@/core/bootstraps/BootstrapClient';
-import { I } from '@config/IOCIdentifier';
-import { useIOC } from '../hook/useIOC';
-import { useStrictEffect } from '../hook/useStrictEffect';
-import { useWarnTranslations } from '../hook/useWarnTranslations';
-
-export function BootstrapsProvider(props: { children: React.ReactNode }) {
-  const IOC = useIOC();
-  const locale = useLocale();
-  const t = useWarnTranslations();
-
-  const [, setIocMounted] = useState(false);
-
-  useStrictEffect(() => {
-    // clientIOC.register({
-    //   appConfig: appConfig
-    // });
-    BootstrapClient.main({
-      root: window,
-      pathname: window.location.pathname,
-      IOC: IOC
-    }).then(() => {
-      setIocMounted(true);
-    });
-  }, []);
-
-  useEffect(() => {
-    IOC(I.I18nServiceInterface).changeLanguage(locale as I18nServiceLocale);
-    IOC(I.I18nServiceInterface).setTranslator(t);
-  }, [t, IOC, locale]);
-
-  return props.children;
-}

package/dist/templates/next-app/src/uikit/components/ClientRootProvider.tsx

@@ -1,64 +0,0 @@
-'use client';
-import '@ant-design/v5-patch-for-react-19';
-import { AntdRegistry } from '@ant-design/nextjs-registry';
-import { AntdThemeProvider } from '@brain-toolkit/antd-theme-override/react';
-import { ThemeProvider } from 'next-themes';
-import { I } from '@config/IOCIdentifier';
-import type { CommonThemeConfig } from '@config/theme';
-import { useIOC } from '../hook/useIOC';
-
-/**
- * ClientRootProvider is a provider for the client components
- *
- * - ThemeProvider
- * - AntdProvider
- *
- * TODO: 存在问题：
- *
- * 1. antd 样式存在闪烁问题, 目前没有解决, 可能是因为 cssinjs 的技术性问题
- *
- * 目前能将完美解决的就是完全使用客户端渲染,也就是引入 useMountedClient 当客户端渲染时才渲染, 这样就不会出现闪烁问题
- * 但是他会导致国际化切换闪烁问题
- *
- * 可能需要等待 antd 官方解决这个问题
- *
- * @example
- *
- * ```tsx
- * const mounted = useMountedClient();
- *
- * return mounted && children;
- * ```
- *
- *
- * @param themeConfig - The theme config
- * @param children - The children components
- * @returns
- */
-export function ClientRootProvider(props: {
-  themeConfig: CommonThemeConfig;
-  children: React.ReactNode;
-}) {
-  const { themeConfig, children } = props;
-
-  const IOC = useIOC();
-
-  return (
-    <AntdThemeProvider
-      data-testid="ComboProvider"
-      theme={themeConfig.antdTheme}
-      staticApi={IOC(I.DialogHandler)}
-    >
-      <ThemeProvider
-        themes={themeConfig.supportedThemes as unknown as string[]}
-        attribute={themeConfig.domAttribute}
-        defaultTheme={themeConfig.defaultTheme}
-        enableSystem={themeConfig.enableSystem}
-        enableColorScheme={false}
-        storageKey={themeConfig.storageKey}
-      >
-        <AntdRegistry>{children}</AntdRegistry>
-      </ThemeProvider>
-    </AntdThemeProvider>
-  );
-}

package/dist/templates/next-app/src/uikit/components/ClientSeo.tsx

@@ -1,36 +0,0 @@
-import type { PageI18nInterface } from '@config/i18n';
-import { With } from './With';
-
-export function ClientSeo(props: {
-  i18nInterface: PageI18nInterface;
-  children?: React.ReactNode;
-}) {
-  const { i18nInterface, children } = props;
-
-  return (
-    <>
-      <title>{i18nInterface.title}</title>
-      <meta name="description" content={i18nInterface.description} />
-      <meta name="keywords" content={i18nInterface.keywords} />
-      <meta name="author" content={i18nInterface.author} />
-      <meta name="publishedTime" content={i18nInterface.publishedTime} />
-      <meta name="modifiedTime" content={i18nInterface.modifiedTime} />
-
-      <With it={i18nInterface.canonical}>
-        <meta name="canonical" content={i18nInterface.canonical} />
-      </With>
-
-      <With it={i18nInterface.og}>
-        {({ title, description, image }) => (
-          <>
-            <meta name="og:title" content={title} />
-            <meta name="og:description" content={description} />
-            <meta name="og:image" content={image} />
-          </>
-        )}
-      </With>
-
-      {children}
-    </>
-  );
-}

package/dist/templates/next-app/src/uikit/components/ClinetRenderProvider.tsx

@@ -1,42 +0,0 @@
-'use client';
-
-import { useMountedClient } from '@brain-toolkit/react-kit';
-
-export interface ClinetRenderProviderProps {
-  children: React.ReactNode;
-}
-
-/**
- * ClinetRenderProvider is a provider for the client components
- *
- *
- * 当前组件仅用于需要客户端渲染的组件, 比如 adminLayout 等完全客户端渲染的组件
- *
- *
- * @param children - The children components
- * @returns
- */
-export function ClinetRenderProvider(props: ClinetRenderProviderProps) {
-  const { children } = props;
-
-  const mounted = useMountedClient();
-
-  return (
-    <>
-      {children}
-
-      {/* 为了防止语言切换时页面闪烁, 使用一个固定定位的div, 当客户端渲染时才渲染 */}
-      {!mounted && (
-        <div
-          role="status"
-          aria-label="Loading..."
-          aria-busy="true"
-          style={{
-            zIndex: '99999 !important'
-          }}
-          className="fixed inset-0 overflow-hidden cursor-wait no-scrollbar bg-primary pointer-events-none"
-        ></div>
-      )}
-    </>
-  );
-}