@qlover/create-app 0.7.10 → 0.7.12

package/dist/templates/next-app/src/server/services/ApiUserService.ts

@@ -0,0 +1,26 @@
+import { inject, injectable } from 'inversify';
+import type { PaginationInterface } from '@/base/port/PaginationInterface';
+import type { UserSchema } from '@migrations/schema/UserSchema';
+import { UserRepository } from '../repositorys/UserRepository';
+import { PaginationValidator } from '../validators/PaginationValidator';
+import type { UserRepositoryInterface } from '../port/UserRepositoryInterface';
+import type { ValidatorInterface } from '../port/ValidatorInterface';
+
+@injectable()
+export class ApiUserService {
+  constructor(
+    @inject(UserRepository)
+    protected userRepository: UserRepositoryInterface,
+    @inject(PaginationValidator)
+    protected paginationValidator: ValidatorInterface
+  ) {}
+
+  async getUsers(params: {
+    page: number;
+    pageSize: number;
+  }): Promise<PaginationInterface<UserSchema>> {
+    const result = await this.userRepository.pagination(params);
+
+    return result as PaginationInterface<UserSchema>;
+  }
+}

package/dist/templates/next-app/src/server/services/UserService.ts

@@ -1,5 +1,6 @@
 import { inject, injectable } from 'inversify';
 import { isEmpty, last, omit } from 'lodash';
+import type { UserSchema } from '@migrations/schema/UserSchema';
 import {
   API_USER_NOT_FOUND,
   API_USER_ALREADY_EXISTS
@@ -12,10 +13,9 @@ import {
   type UserCredentialTokenValue
 } from '../UserCredentialToken';
 import type { CrentialTokenInterface } from '../port/CrentialTokenInterface';
-import type { UserAuthInterface } from '../port/UserAuthInterface';
+import type { ServerAuthInterface } from '../port/ServerAuthInterface';
 import type { UserRepositoryInterface } from '../port/UserRepositoryInterface';
 import type { UserServiceInterface } from '../port/UserServiceInterface';
-import type { UserSchema } from '@migrations/schema/UserSchema';
 import type { Encryptor } from '@qlover/fe-corekit';
 
 @injectable()
@@ -24,7 +24,7 @@ export class UserService implements UserServiceInterface {
     @inject(UserRepository)
     protected userRepository: UserRepositoryInterface,
     @inject(ServerAuth)
-    protected userAuth: UserAuthInterface,
+    protected userAuth: ServerAuthInterface,
     @inject(PasswordEncrypt)
     protected encryptor: Encryptor<string, string>,
     @inject(UserCredentialToken)

package/dist/templates/next-app/src/server/validators/PaginationValidator.ts

@@ -0,0 +1,48 @@
+import { z } from 'zod';
+import type { PaginationInterface } from '@/base/port/PaginationInterface';
+import { API_PAGE_INVALID } from '@config/Identifier';
+import {
+  type ValidationFaildResult,
+  type ValidatorInterface
+} from '../port/ValidatorInterface';
+
+const pageSchema = z
+  .number()
+  .or(z.string())
+  .transform((val) => Number(val))
+  .refine((val) => val > 0, {
+    message: API_PAGE_INVALID
+  });
+
+export class PaginationValidator implements ValidatorInterface {
+  protected defaultPageSize = 10;
+
+  validatePageSize(value: unknown): void | ValidationFaildResult {
+    const result = pageSchema.safeParse(value);
+    if (!result.success) {
+      return result.error.issues[0];
+    }
+  }
+
+  validate(data: unknown): void | ValidationFaildResult {
+    if (typeof data !== 'object' || data === null) {
+      return {
+        path: ['form'],
+        message: 'form is required'
+      };
+    }
+
+    return this.validatePageSize((data as Record<string, unknown>).page);
+  }
+
+  getThrow(
+    data: unknown
+  ): Pick<PaginationInterface<unknown>, 'page' | 'pageSize'> {
+    const result = this.validate(data);
+    if (result) {
+      throw new Error(result.message);
+    }
+
+    return { page: 1, pageSize: 10 };
+  }
+}

package/dist/templates/next-app/src/styles/css/antd-themes/{_default.css → _common/_default.css}

@@ -44,6 +44,7 @@ html,
   --fe-color-text-tertiary: rgba(15 23 42 / 0.35);
   --fe-color-text-quaternary: rgba(15 23 42 / 0.15);
   --fe-color-text-placeholder: rgba(15 23 42 / 0.25);
+  --fe-color-text-disabled: rgba(15 23 42 / 0.25); /* 禁用状态文本颜色 */
   --fe-color-border: rgb(226 232 240);
 
   /* Antd 组件通用变量 */
@@ -246,6 +247,78 @@ html,
     --fe-control-item-bg-active-hover: #bae0ff;
     --fe-control-item-bg-active-disabled: rgba(0, 0, 0, 0.15);
     --fe-control-tmp-outline: rgba(0, 0, 0, 0.02);
-    --fe-control-outline: rgba(96, 165, 250, 0.1); /* blue-400 with 0.1 opacity */
+    --fe-control-outline: rgba(
+      96,
+      165,
+      250,
+      0.1
+    ); /* blue-400 with 0.1 opacity */
+  }
+
+  /* Antd Layout 组件变量 */
+  &.ant-layout-sider {
+    --fe-layout-color-bg-header: rgb(var(--color-bg-base));
+    --fe-layout-color-bg-body: rgb(var(--color-bg-secondary));
+    --fe-layout-color-bg-trigger: rgb(var(--color-bg-elevated));
+    --fe-layout-body-bg: rgb(var(--color-bg-secondary));
+    --fe-layout-header-bg: rgb(var(--color-bg-base));
+    --fe-layout-header-height: 64px;
+    --fe-layout-header-padding: 0 50px;
+    --fe-layout-header-color: rgb(var(--text-primary));
+    --fe-layout-footer-padding: 24px 50px;
+    --fe-layout-footer-bg: rgb(var(--color-bg-secondary));
+    --fe-layout-sider-bg: rgb(var(--color-bg-base));
+    --fe-layout-trigger-height: 48px;
+    --fe-layout-trigger-bg: rgb(var(--color-bg-elevated));
+    --fe-layout-trigger-color: rgb(var(--text-primary));
+    --fe-layout-zero-trigger-width: 40px;
+    --fe-layout-zero-trigger-height: 40px;
+    --fe-layout-light-sider-bg: rgb(var(--color-bg-base));
+    --fe-layout-light-trigger-bg: rgb(var(--color-bg-base));
+    --fe-layout-light-trigger-color: rgb(var(--text-primary));
+  }
+
+  /* 滚动条样式变量 */
+  --fe-scrollbar-size: 6px;
+  --fe-scrollbar-thumb-bg: rgba(15 23 42 / 0.2);
+  --fe-scrollbar-thumb-hover-bg: rgba(15 23 42 / 0.3);
+  --fe-scrollbar-track-bg: transparent;
+
+  /* 滚动条样式 */
+  ::-webkit-scrollbar {
+    width: var(--fe-scrollbar-size);
+    height: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--fe-scrollbar-track-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--fe-scrollbar-thumb-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--fe-scrollbar-thumb-hover-bg);
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  /* 可选的细滚动条样式 */
+  .scrollbar-thin {
+    --fe-scrollbar-size: 4px;
+  }
+
+  /* 隐藏滚动条但保持可滚动 */
+  .scrollbar-hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
 }

package/dist/templates/next-app/src/styles/css/antd-themes/{dark.css → _common/dark.css}

@@ -45,6 +45,12 @@
   --fe-color-text-tertiary: rgba(255, 255, 255, 0.35);
   --fe-color-text-quaternary: rgba(255, 255, 255, 0.15);
   --fe-color-text-placeholder: rgba(255, 255, 255, 0.25);
+  --fe-color-text-disabled: rgba(
+    255,
+    255,
+    255,
+    0.25
+  ); /* 暗色主题禁用状态文本颜色 */
   --fe-color-border: rgb(51 65 85);
 
   /* Antd 图标相关变量 */
@@ -201,4 +207,71 @@
       0.1
     ); /* blue-400 with 0.1 opacity */
   }
+
+  /* Antd Layout 组件变量 */
+  &.ant-layout-sider {
+    --fe-layout-color-bg-header: rgb(15 23 42);
+    --fe-layout-color-bg-body: rgb(30 41 59);
+    --fe-layout-color-bg-trigger: rgb(15 23 42);
+    --fe-layout-body-bg: rgb(30 41 59);
+    --fe-layout-header-bg: rgb(15 23 42);
+    --fe-layout-header-height: 64px;
+    --fe-layout-header-padding: 0 50px;
+    --fe-layout-header-color: rgb(var(--text-primary));
+    --fe-layout-footer-padding: 24px 50px;
+    --fe-layout-footer-bg: rgb(30 41 59);
+    --fe-layout-sider-bg: rgb(15 23 42);
+    --fe-layout-trigger-height: 48px;
+    --fe-layout-trigger-bg: rgb(15 23 42);
+    --fe-layout-trigger-color: rgb(255 255 255);
+    --fe-layout-zero-trigger-width: 40px;
+    --fe-layout-zero-trigger-height: 40px;
+    --fe-layout-light-sider-bg: rgb(30 41 59);
+    --fe-layout-light-trigger-bg: rgb(30 41 59);
+    --fe-layout-light-trigger-color: rgb(var(--text-primary));
+  }
+
+  /* 滚动条样式变量 */
+  --fe-scrollbar-size: 6px;
+  --fe-scrollbar-thumb-bg: rgba(255 255 255 / 0.2);
+  --fe-scrollbar-thumb-hover-bg: rgba(255 255 255 / 0.3);
+  --fe-scrollbar-track-bg: transparent;
+
+  /* 滚动条样式 */
+  ::-webkit-scrollbar {
+    width: var(--fe-scrollbar-size);
+    height: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--fe-scrollbar-track-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--fe-scrollbar-thumb-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--fe-scrollbar-thumb-hover-bg);
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  /* 可选的细滚动条样式 */
+  .scrollbar-thin {
+    --fe-scrollbar-size: 4px;
+  }
+
+  /* 隐藏滚动条但保持可滚动 */
+  .scrollbar-hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
 }

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

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

package/dist/templates/next-app/src/styles/css/antd-themes/{pink.css → _common/pink.css}

@@ -43,6 +43,9 @@
   --ant-color-text-tertiary: rgba(190 18 60 / 0.35);
   --ant-color-text-quaternary: rgba(190 18 60 / 0.15);
   --ant-color-text-placeholder: rgba(190 18 60 / 0.25);
+  --fe-color-text-disabled: rgba(
+    190 18 60 / 0.25
+  ); /* 粉色主题禁用状态文本颜色 */
   --ant-color-border: rgb(254 205 211);
 
   /* Antd 图标相关变量 */
@@ -217,4 +220,71 @@
       0.1
     ); /* pink-400 with 0.1 opacity */
   }
+
+  /* Antd Layout 组件变量 */
+  &.ant-layout-sider {
+    --fe-layout-color-bg-header: var(--ant-color-bg-container);
+    --fe-layout-color-bg-body: rgb(255 241 242);
+    --fe-layout-color-bg-trigger: var(--ant-color-bg-elevated);
+    --fe-layout-body-bg: rgb(255 241 242);
+    --fe-layout-header-bg: var(--ant-color-bg-container);
+    --fe-layout-header-height: 64px;
+    --fe-layout-header-padding: 0 50px;
+    --fe-layout-header-color: var(--ant-color-text);
+    --fe-layout-footer-padding: 24px 50px;
+    --fe-layout-footer-bg: rgb(255 241 242);
+    --fe-layout-sider-bg: var(--ant-color-bg-container);
+    --fe-layout-trigger-height: 48px;
+    --fe-layout-trigger-bg: var(--ant-color-bg-elevated);
+    --fe-layout-trigger-color: var(--ant-color-text);
+    --fe-layout-zero-trigger-width: 40px;
+    --fe-layout-zero-trigger-height: 40px;
+    --fe-layout-light-sider-bg: var(--ant-color-bg-container);
+    --fe-layout-light-trigger-bg: var(--ant-color-bg-container);
+    --fe-layout-light-trigger-color: var(--ant-color-text);
+  }
+
+  /* 滚动条样式变量 */
+  --fe-scrollbar-size: 6px;
+  --fe-scrollbar-thumb-bg: rgba(244 114 182 / 0.3);
+  --fe-scrollbar-thumb-hover-bg: rgba(244 114 182 / 0.4);
+  --fe-scrollbar-track-bg: transparent;
+
+  /* 滚动条样式 */
+  ::-webkit-scrollbar {
+    width: var(--fe-scrollbar-size);
+    height: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-track {
+    background: var(--fe-scrollbar-track-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background: var(--fe-scrollbar-thumb-bg);
+    border-radius: var(--fe-scrollbar-size);
+  }
+
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--fe-scrollbar-thumb-hover-bg);
+  }
+
+  ::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
+  /* 可选的细滚动条样式 */
+  .scrollbar-thin {
+    --fe-scrollbar-size: 4px;
+  }
+
+  /* 隐藏滚动条但保持可滚动 */
+  .scrollbar-hidden {
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
 }

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

@@ -1,3 +1,4 @@
-@import './_default.css';
-@import './dark.css';
-@import './pink.css';
+@import './_common/index.css';
+@import './table/index.css';
+@import './pagination/index.css';
+@import './menu/index.css';

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

@@ -0,0 +1,108 @@
+/* custom variables - for antd and custom css */
+html,
+.fe-theme {
+  &.ant-menu-css-var {
+    /* 基础尺寸 */
+    --fe-menu-dropdown-width: 160px;
+    --fe-menu-z-index-popup: 1050;
+    --fe-menu-radius-item: 8px;
+    --fe-menu-item-border-radius: 8px;
+    --fe-menu-radius-sub-menu-item: 4px;
+    --fe-menu-sub-menu-item-border-radius: 4px;
+    --fe-menu-item-margin-inline: 4px;
+    --fe-menu-item-margin-block: 4px;
+    --fe-menu-item-padding-inline: 16px;
+    --fe-menu-item-height: 40px;
+    --fe-menu-item-width: calc(100% - 8px);
+    --fe-menu-collapsed-width: 80px;
+
+    /* 文字颜色 */
+    --fe-menu-color-item-text: rgb(var(--text-primary));
+    --fe-menu-item-color: rgb(var(--text-primary));
+    --fe-menu-color-item-text-hover: rgb(var(--text-primary));
+    --fe-menu-item-hover-color: rgb(var(--text-primary));
+    --fe-menu-color-group-title: rgb(var(--text-secondary));
+    --fe-menu-group-title-color: rgb(var(--text-secondary));
+    --fe-menu-color-item-text-disabled: rgb(var(--text-disabled));
+    --fe-menu-item-disabled-color: rgb(var(--text-disabled));
+
+    /* 选中和激活状态 */
+    --fe-menu-color-item-text-selected: rgb(var(--color-brand));
+    --fe-menu-item-selected-color: rgb(var(--color-brand));
+    --fe-menu-sub-menu-item-selected-color: rgb(var(--color-brand));
+    --fe-menu-color-item-text-selected-horizontal: rgb(var(--color-brand));
+    --fe-menu-horizontal-item-selected-color: rgb(var(--color-brand));
+
+    /* 背景颜色 */
+    --fe-menu-color-item-bg: rgb(var(--color-bg-base));
+    --fe-menu-item-bg: rgb(var(--color-bg-base));
+    --fe-menu-color-item-bg-hover: rgba(var(--text-primary), 0.06);
+    --fe-menu-item-hover-bg: rgba(var(--text-primary), 0.06);
+    --fe-menu-color-item-bg-active: rgba(var(--text-primary), 0.06);
+    --fe-menu-item-active-bg: rgba(var(--color-brand), 0.1);
+    --fe-menu-color-sub-item-bg: rgba(var(--text-primary), 0.02);
+    --fe-menu-sub-menu-item-bg: rgba(var(--text-primary), 0.02);
+    --fe-menu-color-item-bg-selected: rgba(var(--color-brand), 0.1);
+    --fe-menu-item-selected-bg: rgba(var(--color-brand), 0.1);
+    --fe-menu-popup-bg: rgb(var(--color-bg-base));
+
+    /* 水平菜单特殊样式 */
+    --fe-menu-color-item-text-hover-horizontal: rgb(var(--color-brand));
+    --fe-menu-horizontal-item-hover-color: rgb(var(--color-brand));
+    --fe-menu-color-item-bg-selected-horizontal: transparent;
+    --fe-menu-horizontal-item-selected-bg: transparent;
+    --fe-menu-horizontal-item-border-radius: 0px;
+    --fe-menu-horizontal-item-hover-bg: transparent;
+    --fe-menu-horizontal-line-height: 46px;
+
+    /* 激活条样式 */
+    --fe-menu-color-active-bar-width: 0px;
+    --fe-menu-active-bar-width: 0px;
+    --fe-menu-color-active-bar-height: 2px;
+    --fe-menu-active-bar-height: 2px;
+    --fe-menu-color-active-bar-border-size: 1px;
+    --fe-menu-active-bar-border-width: 1px;
+
+    /* 图标样式 */
+    --fe-menu-icon-size: 14px;
+    --fe-menu-icon-margin-inline-end: 10px;
+    --fe-menu-collapsed-icon-size: 16px;
+
+    /* 分组标题样式 */
+    --fe-menu-group-title-font-size: 14px;
+    --fe-menu-group-title-line-height: 1.5714285714285714;
+
+    /* 危险项样式 */
+    --fe-menu-color-danger-item-text: var(--fe-color-error);
+    --fe-menu-danger-item-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-hover: var(--fe-color-error);
+    --fe-menu-danger-item-hover-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-selected: var(--fe-color-error);
+    --fe-menu-danger-item-selected-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-bg-active: rgba(var(--fe-color-error), 0.1);
+    --fe-menu-danger-item-active-bg: rgba(var(--fe-color-error), 0.1);
+    --fe-menu-color-danger-item-bg-selected: rgba(var(--fe-color-error), 0.1);
+    --fe-menu-danger-item-selected-bg: rgba(var(--fe-color-error), 0.1);
+
+    /* 暗色主题特殊样式 */
+    --fe-menu-dark-item-disabled-color: rgba(255, 255, 255, 0.25);
+    --fe-menu-dark-item-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-danger-item-color: var(--fe-color-error);
+    --fe-menu-dark-item-bg: rgb(15 23 42);
+    --fe-menu-dark-popup-bg: rgb(15 23 42);
+    --fe-menu-dark-sub-menu-item-bg: rgb(30 41 59);
+    --fe-menu-dark-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-item-selected-bg: rgb(var(--color-brand));
+    --fe-menu-dark-danger-item-selected-bg: var(--fe-color-error);
+    --fe-menu-dark-item-hover-bg: transparent;
+    --fe-menu-dark-group-title-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-item-hover-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-hover-color: color-mix(
+      in srgb,
+      var(--fe-color-error) 90%,
+      white
+    );
+    --fe-menu-dark-danger-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-active-bg: var(--fe-color-error);
+  }
+}

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

@@ -0,0 +1,67 @@
+[data-theme='dark'],
+[data-theme='dark'] .fe-theme {
+  &.ant-menu-css-var {
+    /* 文字颜色 */
+    --fe-menu-color-item-text: rgb(var(--text-primary));
+    --fe-menu-item-color: rgb(var(--text-primary));
+    --fe-menu-color-item-text-hover: rgb(var(--text-primary));
+    --fe-menu-item-hover-color: rgb(var(--text-primary));
+    --fe-menu-color-group-title: rgb(var(--text-secondary));
+    --fe-menu-group-title-color: rgb(var(--text-secondary));
+    --fe-menu-color-item-text-disabled: rgb(var(--text-disabled));
+    --fe-menu-item-disabled-color: rgb(var(--text-disabled));
+
+    /* 选中和激活状态 */
+    --fe-menu-color-item-text-selected: rgb(var(--color-brand));
+    --fe-menu-item-selected-color: rgb(var(--color-brand));
+    --fe-menu-sub-menu-item-selected-color: rgb(var(--color-brand));
+    --fe-menu-color-item-text-selected-horizontal: rgb(var(--color-brand));
+    --fe-menu-horizontal-item-selected-color: rgb(var(--color-brand));
+
+    /* 背景颜色 */
+    --fe-menu-color-item-bg: rgb(var(--color-bg-base));
+    --fe-menu-item-bg: rgb(var(--color-bg-base));
+    --fe-menu-color-item-bg-hover: rgba(255 255 255 / 0.08);
+    --fe-menu-item-hover-bg: rgba(255 255 255 / 0.08);
+    --fe-menu-color-item-bg-active: rgba(255 255 255 / 0.08);
+    --fe-menu-item-active-bg: rgba(var(--color-brand), 0.2);
+    --fe-menu-color-sub-item-bg: rgba(255 255 255 / 0.04);
+    --fe-menu-sub-menu-item-bg: rgba(255 255 255 / 0.04);
+    --fe-menu-color-item-bg-selected: rgba(var(--color-brand), 0.2);
+    --fe-menu-item-selected-bg: rgba(var(--color-brand), 0.2);
+    --fe-menu-popup-bg: rgb(var(--color-bg-base));
+
+    /* 危险项样式 */
+    --fe-menu-color-danger-item-text: var(--fe-color-error);
+    --fe-menu-danger-item-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-hover: var(--fe-color-error);
+    --fe-menu-danger-item-hover-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-selected: var(--fe-color-error);
+    --fe-menu-danger-item-selected-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-bg-active: rgba(var(--fe-color-error), 0.2);
+    --fe-menu-danger-item-active-bg: rgba(var(--fe-color-error), 0.2);
+    --fe-menu-color-danger-item-bg-selected: rgba(var(--fe-color-error), 0.2);
+    --fe-menu-danger-item-selected-bg: rgba(var(--fe-color-error), 0.2);
+
+    /* 暗色主题特殊样式 */
+    --fe-menu-dark-item-disabled-color: rgba(255, 255, 255, 0.25);
+    --fe-menu-dark-item-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-danger-item-color: var(--fe-color-error);
+    --fe-menu-dark-item-bg: rgb(15 23 42);
+    --fe-menu-dark-popup-bg: rgb(15 23 42);
+    --fe-menu-dark-sub-menu-item-bg: rgb(30 41 59);
+    --fe-menu-dark-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-item-selected-bg: rgb(var(--color-brand));
+    --fe-menu-dark-danger-item-selected-bg: var(--fe-color-error);
+    --fe-menu-dark-item-hover-bg: transparent;
+    --fe-menu-dark-group-title-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-item-hover-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-hover-color: color-mix(
+      in srgb,
+      var(--fe-color-error) 90%,
+      white
+    );
+    --fe-menu-dark-danger-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-active-bg: var(--fe-color-error);
+  }
+}

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

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

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

@@ -0,0 +1,67 @@
+[data-theme='pink'],
+[data-theme='pink'] .fe-theme {
+  &.ant-menu-css-var {
+    /* 文字颜色 */
+    --fe-menu-color-item-text: var(--ant-color-text);
+    --fe-menu-item-color: var(--ant-color-text);
+    --fe-menu-color-item-text-hover: var(--ant-color-text);
+    --fe-menu-item-hover-color: var(--ant-color-text);
+    --fe-menu-color-group-title: var(--ant-color-text-secondary);
+    --fe-menu-group-title-color: var(--ant-color-text-secondary);
+    --fe-menu-color-item-text-disabled: var(--fe-color-text-disabled);
+    --fe-menu-item-disabled-color: var(--fe-color-text-disabled);
+
+    /* 选中和激活状态 */
+    --fe-menu-color-item-text-selected: var(--fe-color-primary);
+    --fe-menu-item-selected-color: var(--fe-color-primary);
+    --fe-menu-sub-menu-item-selected-color: var(--fe-color-primary);
+    --fe-menu-color-item-text-selected-horizontal: var(--fe-color-primary);
+    --fe-menu-horizontal-item-selected-color: var(--fe-color-primary);
+
+    /* 背景颜色 */
+    --fe-menu-color-item-bg: var(--ant-color-bg-container);
+    --fe-menu-item-bg: var(--ant-color-bg-container);
+    --fe-menu-color-item-bg-hover: rgba(244 114 182 / 0.06);
+    --fe-menu-item-hover-bg: rgba(244 114 182 / 0.06);
+    --fe-menu-color-item-bg-active: rgba(244 114 182 / 0.06);
+    --fe-menu-item-active-bg: var(--fe-color-primary-bg);
+    --fe-menu-color-sub-item-bg: rgba(244 114 182 / 0.02);
+    --fe-menu-sub-menu-item-bg: rgba(244 114 182 / 0.02);
+    --fe-menu-color-item-bg-selected: var(--fe-color-primary-bg);
+    --fe-menu-item-selected-bg: var(--fe-color-primary-bg);
+    --fe-menu-popup-bg: var(--ant-color-bg-container);
+
+    /* 危险项样式 */
+    --fe-menu-color-danger-item-text: var(--fe-color-error);
+    --fe-menu-danger-item-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-hover: var(--fe-color-error);
+    --fe-menu-danger-item-hover-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-text-selected: var(--fe-color-error);
+    --fe-menu-danger-item-selected-color: var(--fe-color-error);
+    --fe-menu-color-danger-item-bg-active: rgba(251 113 133 / 0.1);
+    --fe-menu-danger-item-active-bg: rgba(251 113 133 / 0.1);
+    --fe-menu-color-danger-item-bg-selected: rgba(251 113 133 / 0.1);
+    --fe-menu-danger-item-selected-bg: rgba(251 113 133 / 0.1);
+
+    /* 暗色主题特殊样式 */
+    --fe-menu-dark-item-disabled-color: rgba(255, 255, 255, 0.25);
+    --fe-menu-dark-item-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-danger-item-color: var(--fe-color-error);
+    --fe-menu-dark-item-bg: rgb(190 18 60);
+    --fe-menu-dark-popup-bg: rgb(190 18 60);
+    --fe-menu-dark-sub-menu-item-bg: rgb(159 18 57);
+    --fe-menu-dark-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-item-selected-bg: var(--fe-color-primary);
+    --fe-menu-dark-danger-item-selected-bg: var(--fe-color-error);
+    --fe-menu-dark-item-hover-bg: transparent;
+    --fe-menu-dark-group-title-color: rgba(255, 255, 255, 0.65);
+    --fe-menu-dark-item-hover-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-hover-color: color-mix(
+      in srgb,
+      var(--fe-color-error) 90%,
+      white
+    );
+    --fe-menu-dark-danger-item-selected-color: rgb(255 255 255);
+    --fe-menu-dark-danger-item-active-bg: var(--fe-color-error);
+  }
+}

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

@@ -0,0 +1,33 @@
+/* custom variables - for antd and custom css */
+html,
+.fe-theme {
+  /* Antd Pagination 组件变量 */
+  .ant-pagination-css-var {
+    --fe-pagination-item-bg: rgb(var(--color-bg-base));
+    --fe-pagination-item-size: 32px;
+    --fe-pagination-item-size-sm: 24px;
+    --fe-pagination-item-active-bg: rgb(var(--color-bg-base));
+    --fe-pagination-item-link-bg: rgb(var(--color-bg-base));
+    --fe-pagination-item-active-color-disabled: rgb(var(--text-tertiary));
+    --fe-pagination-item-active-bg-disabled: rgba(var(--text-primary), 0.15);
+    --fe-pagination-item-input-bg: rgb(var(--color-bg-base));
+    --fe-pagination-mini-options-size-changer-top: 0px;
+    --fe-pagination-padding-block: 4px;
+    --fe-pagination-padding-block-sm: 0px;
+    --fe-pagination-padding-block-lg: 7px;
+    --fe-pagination-padding-inline: 11px;
+    --fe-pagination-padding-inline-sm: 7px;
+    --fe-pagination-padding-inline-lg: 11px;
+    --fe-pagination-addon-bg: rgba(var(--text-primary), 0.02);
+    --fe-pagination-active-border-color: rgb(var(--color-brand));
+    --fe-pagination-hover-border-color: rgb(var(--color-brand-hover));
+    --fe-pagination-active-shadow: 0 0 0 2px rgba(var(--color-brand), 0.1);
+    --fe-pagination-error-active-shadow: 0 0 0 2px rgba(220, 38, 38, 0.1);
+    --fe-pagination-warning-active-shadow: 0 0 0 2px rgba(234, 179, 8, 0.1);
+    --fe-pagination-hover-bg: rgb(var(--color-bg-base));
+    --fe-pagination-active-bg: rgb(var(--color-bg-base));
+    --fe-pagination-input-font-size: 14px;
+    --fe-pagination-input-font-size-lg: 16px;
+    --fe-pagination-input-font-size-sm: 14px;
+  }
+}