9 |
11 |
12 |
--------------------------------------------------------------------------------
/web/packages/@core/base/icons/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './create-icon';
2 |
3 | export * from './lucide';
4 |
5 | export type { IconifyIcon as IconifyIconStructure } from '@iconify/vue';
6 | export {
7 | addCollection,
8 | addIcon,
9 | Icon as IconifyIcon,
10 | listIcons,
11 | } from '@iconify/vue';
12 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/tooltip/index.ts:
--------------------------------------------------------------------------------
1 | export { default as Tooltip } from './Tooltip.vue';
2 | export { default as TooltipContent } from './TooltipContent.vue';
3 | export { default as TooltipProvider } from './TooltipProvider.vue';
4 | export { default as TooltipTrigger } from './TooltipTrigger.vue';
5 |
--------------------------------------------------------------------------------
/web/docs/tailwind.config.mjs:
--------------------------------------------------------------------------------
1 | import tailwindcssConfig from '@vben/tailwind-config';
2 |
3 | export default {
4 | ...tailwindcssConfig,
5 | content: [
6 | ...tailwindcssConfig.content,
7 | '.vitepress/**/*.{js,mts,ts,vue}',
8 | 'src/demos/**/*.{js,mts,ts,vue}',
9 | 'src/**/*.md',
10 | ],
11 | };
12 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/breadcrumb/Breadcrumb.vue:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/pin-input/index.ts:
--------------------------------------------------------------------------------
1 | export { default as PinInput } from './PinInput.vue';
2 | export { default as PinInputGroup } from './PinInputGroup.vue';
3 | export { default as PinInputInput } from './PinInputInput.vue';
4 | export { default as PinInputSeparator } from './PinInputSeparator.vue';
5 |
--------------------------------------------------------------------------------
/web/playground/src/api/core/menu.ts:
--------------------------------------------------------------------------------
1 | import type { RouteRecordStringComponent } from '@vben/types';
2 |
3 | import { requestClient } from '#/api/request';
4 |
5 | /**
6 | * 获取用户所有菜单
7 | */
8 | export async function getAllMenusApi() {
9 | return requestClient.get
11 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/docs/essential/docker-start.md:
--------------------------------------------------------------------------------
1 | ---
2 | sidebar_position: 6
3 | ---
4 | # Docker 启动
5 |
6 | 1. 安装 Docker 与 Docker Compose
7 | 2. 在项目根目录执行：
8 |
9 | ```bash
10 | cp docker/.env.example docker/.env.local
11 | # 根据实际情况修改 docker/.env.local
12 | docker-compose -f docker-compose.dev.yml up -d
13 | ```
14 |
15 | 3. 访问前后端服务地址，默认端口可在 compose 文件中查看和修改。
--------------------------------------------------------------------------------
/web/apps/web-antd/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "@vben/tsconfig/node.json",
4 | "compilerOptions": {
5 | "composite": true,
6 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
7 | "noEmit": false
8 | },
9 | "include": ["vite.config.mts"]
10 | }
11 |
--------------------------------------------------------------------------------
/web/apps/web-ele/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "@vben/tsconfig/node.json",
4 | "compilerOptions": {
5 | "composite": true,
6 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
7 | "noEmit": false
8 | },
9 | "include": ["vite.config.mts"]
10 | }
11 |
--------------------------------------------------------------------------------
/web/apps/web-naive/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "@vben/tsconfig/node.json",
4 | "compilerOptions": {
5 | "composite": true,
6 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
7 | "noEmit": false
8 | },
9 | "include": ["vite.config.mts"]
10 | }
11 |
--------------------------------------------------------------------------------
/web/playground/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "@vben/tsconfig/node.json",
4 | "compilerOptions": {
5 | "composite": true,
6 | "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
7 | "noEmit": false
8 | },
9 | "include": ["vite.config.mts"]
10 | }
11 |
--------------------------------------------------------------------------------
/web/apps/web-antd/src/api/core/menu.ts:
--------------------------------------------------------------------------------
1 | import type { RouteRecordStringComponent } from '@vben/types';
2 |
3 | import { requestClient } from '#/api/request';
4 |
5 | /**
6 | * 获取用户所有菜单
7 | */
8 | export async function getAllMenusApi() {
9 | return requestClient.get
11 |
12 | 我们会在第一时间回复您，定制费用根据需求而定。
13 |
--------------------------------------------------------------------------------
/web/internal/vite-config/src/config/common.ts:
--------------------------------------------------------------------------------
1 | import type { UserConfig } from 'vite';
2 |
3 | async function getCommonConfig(): Promise
11 |
13 |
14 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "extends": "@vben/tsconfig/web.json",
4 | "compilerOptions": {
5 | "baseUrl": ".",
6 | "paths": {
7 | "@vben-core/shadcn-ui/*": ["./src/*"]
8 | }
9 | },
10 | "include": ["src"],
11 | "exclude": ["node_modules"]
12 | }
13 |
--------------------------------------------------------------------------------
/web/packages/effects/common-ui/src/ui/about/about.ts:
--------------------------------------------------------------------------------
1 | import type { Component } from 'vue';
2 |
3 | interface AboutProps {
4 | description?: string;
5 | name?: string;
6 | title?: string;
7 | }
8 |
9 | interface DescriptionItem {
10 | content: Component | string;
11 | title: string;
12 | }
13 |
14 | export type { AboutProps, DescriptionItem };
15 |
--------------------------------------------------------------------------------
/web/packages/effects/hooks/README.md:
--------------------------------------------------------------------------------
1 | # @vben/hooks
2 |
3 | 用于多个 `app` 公用的 hook，继承了 `@vben/hooks` 的所有能力。业务上有通用 hooks 可以放在这里。
4 |
5 | ## 用法
6 |
7 | ### 添加依赖
8 |
9 | ```bash
10 | # 进入目标应用目录，例如 apps/xxxx-app
11 | # cd apps/xxxx-app
12 | pnpm add @vben/hooks
13 | ```
14 |
15 | ### 使用
16 |
17 | ```ts
18 | import { useNamespace } from '@vben/hooks';
19 | ```
20 |
--------------------------------------------------------------------------------
/web/packages/utils/README.md:
--------------------------------------------------------------------------------
1 | # @vben/utils
2 |
3 | 用于多个 `app` 公用的工具包，继承了 `@vben-core/shared/utils` 的所有能力。业务上有通用的工具函数可以放在这里。
4 |
5 | ## 用法
6 |
7 | ### 添加依赖
8 |
9 | ```bash
10 | # 进入目标应用目录，例如 apps/xxxx-app
11 | # cd apps/xxxx-app
12 | pnpm add @vben/utils
13 | ```
14 |
15 | ### 使用
16 |
17 | ```ts
18 | import { isString } from '@vben/utils';
19 | ```
20 |
--------------------------------------------------------------------------------
/docs/docs/essential/quickstart-backend.md:
--------------------------------------------------------------------------------
1 | ---
2 | sidebar_position: 4
3 | ---
4 | # 快速启动（后端）
5 |
6 | ```bash
7 | cd backend
8 | pip install -r requirements.txt
9 | # 如有需要代理： pip install -r requirements.txt -i https://mirrors.aliyun.com/pypi/simple
10 | #python manage.py migrate
11 | python manage.py runserver
12 | ```
13 |
14 | 访问 http://127.0.0.1:8000/ 进入后端管理。
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/components/button/index.ts:
--------------------------------------------------------------------------------
1 | export type * from './button';
2 | export { default as VbenButtonGroup } from './button-group.vue';
3 | export { default as VbenButton } from './button.vue';
4 | export { default as VbenCheckButtonGroup } from './check-button-group.vue';
5 | export { default as VbenIconButton } from './icon-button.vue';
6 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/card/CardDescription.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 |
11 |
13 |
14 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/sheet/SheetHeader.vue:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
9 |
11 |
12 |
--------------------------------------------------------------------------------
/web/playground/src/views/_core/authentication/qrcode-login.vue:
--------------------------------------------------------------------------------
1 |
7 |
8 |
9 |
11 |
13 |
14 |
--------------------------------------------------------------------------------
/web/packages/constants/README.md:
--------------------------------------------------------------------------------
1 | # @vben/constants
2 |
3 | 用于多个 `app` 公用的常量，继承了 `@vben-core/shared/constants` 的所有能力。业务上有通用常量可以放在这里。
4 |
5 | ## 用法
6 |
7 | ### 添加依赖
8 |
9 | ```bash
10 | # 进入目标应用目录，例如 apps/xxxx-app
11 | # cd apps/xxxx-app
12 | pnpm add @vben/constants
13 | ```
14 |
15 | ### 使用
16 |
17 | ```ts
18 | import { LOGIN_PATH } from '@vben/constants';
19 | ```
20 |
--------------------------------------------------------------------------------
/web/vitest.config.ts:
--------------------------------------------------------------------------------
1 | import Vue from '@vitejs/plugin-vue';
2 | import VueJsx from '@vitejs/plugin-vue-jsx';
3 | import { configDefaults, defineConfig } from 'vitest/config';
4 |
5 | export default defineConfig({
6 | plugins: [Vue(), VueJsx()],
7 | test: {
8 | environment: 'happy-dom',
9 | exclude: [...configDefaults.exclude, '**/e2e/**'],
10 | },
11 | });
12 |
--------------------------------------------------------------------------------
/web/packages/@core/base/shared/build.config.ts:
--------------------------------------------------------------------------------
1 | import { defineBuildConfig } from 'unbuild';
2 |
3 | export default defineBuildConfig({
4 | clean: true,
5 | declaration: true,
6 | entries: [
7 | 'src/store',
8 | 'src/constants/index',
9 | 'src/utils/index',
10 | 'src/color/index',
11 | 'src/cache/index',
12 | 'src/global-state',
13 | ],
14 | });
15 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/form-ui/src/index.ts:
--------------------------------------------------------------------------------
1 | export { setupVbenForm } from './config';
2 |
3 | export type {
4 | BaseFormComponentType,
5 | ExtendedFormApi,
6 | VbenFormProps,
7 | FormSchema as VbenFormSchema,
8 | } from './types';
9 |
10 | export * from './use-vben-form';
11 | // export { default as VbenForm } from './vben-form.vue';
12 | export * as z from 'zod';
13 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/avatar/AvatarImage.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
8 | Open
9 | modal content
10 |
11 |
12 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogTrigger.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
13 |
15 |
16 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/popover/PopoverTrigger.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
8 | Open
9 | drawer content
10 |
11 |
12 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/tooltip/TooltipProvider.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
13 |
15 |
16 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/sheet/SheetFooter.vue:
--------------------------------------------------------------------------------
1 |
6 |
7 |
8 |
13 |
15 |
16 |
--------------------------------------------------------------------------------
/web/packages/effects/README.md:
--------------------------------------------------------------------------------
1 | ## Effects 目录
2 |
3 | `effects` 目录专门用于存放与轻微耦合相关的代码和逻辑。如果你的包具有以下特点，建议将其放置在 `effects` 目录下：
4 |
5 | - **状态管理**：使用状态管理框架 `pinia`，并包含处理副作用（如异步操作、API 调用）的部分。
6 | - **用户偏好设置**：使用 `@vben-core/preferences` 处理用户偏好设置，涉及本地存储或浏览器缓存逻辑（如使用 `localStorage`）。
7 | - **导航和路由**：处理导航、页面跳转等场景，需要管理路由变化的逻辑。
8 | - **组件库依赖**：包含与特定组件库紧密耦合或依赖大型仓库的部分。
9 |
10 | 通过将相关代码归类到 `effects` 目录，可以使项目结构更加清晰，便于维护和扩展。
11 |
--------------------------------------------------------------------------------
/web/packages/effects/layouts/src/widgets/preferences/use-open-preferences.ts:
--------------------------------------------------------------------------------
1 | import { ref } from 'vue';
2 |
3 | const openPreferences = ref(false);
4 |
5 | function useOpenPreferences() {
6 | function handleOpenPreference() {
7 | openPreferences.value = true;
8 | }
9 |
10 | return {
11 | handleOpenPreference,
12 | openPreferences,
13 | };
14 | }
15 |
16 | export { useOpenPreferences };
17 |
--------------------------------------------------------------------------------
/web/internal/tsconfig/library.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://json.schemastore.org/tsconfig",
3 | "display": "Web Application",
4 | "extends": "./base.json",
5 | "compilerOptions": {
6 | "jsx": "preserve",
7 | "lib": ["ESNext", "DOM", "DOM.Iterable"],
8 | "useDefineForClassFields": true,
9 | "moduleResolution": "bundler",
10 | "declaration": true,
11 | "noEmit": false
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/web/packages/@core/base/icons/src/create-icon.ts:
--------------------------------------------------------------------------------
1 | import { defineComponent, h } from 'vue';
2 |
3 | import { Icon } from '@iconify/vue';
4 |
5 | function createIconifyIcon(icon: string) {
6 | return defineComponent({
7 | name: `Icon-${icon}`,
8 | setup(props, { attrs }) {
9 | return () => h(Icon, { icon, ...props, ...attrs });
10 | },
11 | });
12 | }
13 |
14 | export { createIconifyIcon };
15 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/popup-ui/src/alert/index.ts:
--------------------------------------------------------------------------------
1 | export type {
2 | AlertProps,
3 | BeforeCloseScope,
4 | IconType,
5 | PromptProps,
6 | } from './alert';
7 | export { useAlertContext } from './alert';
8 | export { default as Alert } from './alert.vue';
9 | export {
10 | vbenAlert as alert,
11 | clearAllAlerts,
12 | vbenConfirm as confirm,
13 | vbenPrompt as prompt,
14 | } from './AlertBuilder';
15 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/button/types.ts:
--------------------------------------------------------------------------------
1 | export type ButtonVariantSize =
2 | | 'default'
3 | | 'icon'
4 | | 'lg'
5 | | 'sm'
6 | | 'xs'
7 | | null
8 | | undefined;
9 |
10 | export type ButtonVariants =
11 | | 'default'
12 | | 'destructive'
13 | | 'ghost'
14 | | 'heavy'
15 | | 'icon'
16 | | 'link'
17 | | 'outline'
18 | | 'secondary'
19 | | null
20 | | undefined;
21 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/context-menu/ContextMenuGroup.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
3 |
6 |
8 |
9 |
13 |
14 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/context-menu/ContextMenuShortcut.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
15 |
6 |
8 |
9 |
10 |
18 |
20 |
21 |
--------------------------------------------------------------------------------
/web/apps/backend-mock/api/system/dept/[id].put.ts:
--------------------------------------------------------------------------------
1 | import { verifyAccessToken } from '~/utils/jwt-utils';
2 | import {
3 | sleep,
4 | unAuthorizedResponse,
5 | useResponseSuccess,
6 | } from '~/utils/response';
7 |
8 | export default eventHandler(async (event) => {
9 | const userinfo = verifyAccessToken(event);
10 | if (!userinfo) {
11 | return unAuthorizedResponse(event);
12 | }
13 | await sleep(2000);
14 | return useResponseSuccess(null);
15 | });
16 |
--------------------------------------------------------------------------------
/web/apps/backend-mock/routes/[...].ts:
--------------------------------------------------------------------------------
1 | export default defineEventHandler(() => {
2 | return `
3 | Hello Vben Admin
4 |Mock service is starting
5 |-
6 |
- /api/user/info 7 |
- /api/menu/all 8 |
- /api/auth/codes 9 |
- /api/auth/login 10 |
- /api/upload 11 |
9 | 《秦皇岛》
住在我心里孤独的
孤独的海怪 痛苦之王
开始厌倦 10 | 深海的光 停滞的海浪 11 |
12 |
13 | 住在我心里孤独的
孤独的海怪 痛苦之王
开始厌倦 10 | 深海的光 停滞的海浪 11 |
16 |
18 |
19 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/breadcrumb/BreadcrumbList.vue:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 | -
18 |
18 | Open
20 |
21 |
22 |
--------------------------------------------------------------------------------
/web/docs/src/demos/vben-modal/extra/index.vue:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 | Open
20 |
21 |
22 |
--------------------------------------------------------------------------------
/web/packages/@core/ui-kit/shadcn-ui/src/ui/context-menu/ContextMenuTrigger.vue:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
18 | Open
20 |
21 |
22 |
--------------------------------------------------------------------------------
/web/docs/src/demos/vben-modal/auto-height/index.vue:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 | Open
20 |
21 |
22 |
--------------------------------------------------------------------------------
/web/docs/src/demos/vben-modal/draggable/index.vue:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 | Open
20 |
21 |
22 |
--------------------------------------------------------------------------------
/web/packages/effects/layouts/src/widgets/preferences/blocks/block.vue:
--------------------------------------------------------------------------------
1 |
14 |
15 |
16 |
17 |
22 |
23 |
--------------------------------------------------------------------------------
/web/playground/src/views/examples/modal/drag-demo.vue:
--------------------------------------------------------------------------------
1 |
17 |
18 | 18 | {{ title }} 19 |
20 |
18 |