Skip to content

Commit 6270877

Browse files
hoorayhooray
committed
feat: 增加多个集成其他 UI 组件库的应用
1 parent 0e480eb commit 6270877

755 files changed

Lines changed: 57263 additions & 191 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎apps/core-ant-design-vue/.env.development‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
# 应用配置面板
2+
# Application configuration panel
3+
VITE_APP_SETTING = true
4+
5+
# 网站标题
6+
# Website title
7+
VITE_APP_TITLE = Fantastic-admin
8+
9+
# 网络请求地址，应用于 axios 的 baseURL
10+
# Network request address, applied to axios's baseURL
11+
VITE_APP_API_BASEURL = /
12+
13+
# localStorage/sessionStorage 前缀
14+
# localStorage/sessionStorage prefix
15+
VITE_APP_STORAGE_PREFIX = fa_dev_
16+
17+
# 调试工具，可设置 eruda 或 vconsole
18+
# Debugging tool, can set eruda or vconsole
19+
VITE_APP_DEBUG_TOOL =
20+
21+
# ===== 以下配置仅在开发环境生效 =====
22+
# ===== The following configuration is only effective in the development environment. =====
23+
24+
# 启用代理
25+
# Enable proxy
26+
VITE_ENABLE_PROXY = false
27+
28+
# 启用 Vue 开发工具
29+
# Enable Vue DevTools
30+
VITE_ENABLE_VUE_DEVTOOLS = false
31+
32+
# 启用 turbo console
33+
# Enable turbo console
34+
VITE_ENABLE_TURBO_CONSOLE = false
35+
36+
# 启动编辑器，用于 vite-plugin-vue-devtools 和 unplugin-turbo-console
37+
# 支持的编辑器 https://github.com/yyx990803/launch-editor#supported-editors
38+
# Launch the editor for vite-plugin-vue-devtools and unplugin-turbo-console
39+
# Supported editors https://github.com/yyx990803/launch-editor#supported-editors
40+
VITE_LAUNCH_EDITOR = code

‎apps/core-ant-design-vue/.env.production‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# 应用配置面板
2+
# Application configuration panel
3+
VITE_APP_SETTING = false
4+
5+
# 网站标题
6+
# Website title
7+
VITE_APP_TITLE = Fantastic-admin
8+
9+
# 网络请求地址，应用于 axios 的 baseURL
10+
# Network request address, applied to axios's baseURL
11+
VITE_APP_API_BASEURL = /
12+
13+
# localStorage/sessionStorage 前缀
14+
# localStorage/sessionStorage prefix
15+
VITE_APP_STORAGE_PREFIX = fa_
16+
17+
# 调试工具，可设置 eruda 或 vconsole
18+
# Debugging tool, can set eruda or vconsole
19+
VITE_APP_DEBUG_TOOL =
20+
21+
# ===== 以下配置仅在生产环境生效 =====
22+
# ===== The following configuration is only effective in the production environment. =====
23+
24+
# 启用假数据
25+
# Enable build fake data
26+
VITE_BUILD_FAKE = false
27+
28+
# 启用 sourcemap
29+
# Enable build sourcemap
30+
VITE_BUILD_SOURCEMAP = false
31+
32+
# 压缩方式，支持 gzip 和 brotli
33+
# Build compression method, supports gzip and brotli
34+
VITE_BUILD_COMPRESS = gzip,brotli
35+
36+
# 构建后生成存档，支持 zip 和 tar
37+
# Generate archive after build, supports zip and tar
38+
VITE_BUILD_ARCHIVE =

‎apps/core-ant-design-vue/.env.test‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# 应用配置面板
2+
# Application configuration panel
3+
VITE_APP_SETTING = false
4+
5+
# 网站标题
6+
# Website title
7+
VITE_APP_TITLE = Fantastic-admin
8+
9+
# 网络请求地址，应用于 axios 的 baseURL
10+
# Network request address, applied to axios's baseURL
11+
VITE_APP_API_BASEURL = /
12+
13+
# localStorage/sessionStorage 前缀
14+
# localStorage/sessionStorage prefix
15+
VITE_APP_STORAGE_PREFIX = fa_test_
16+
17+
# 调试工具，可设置 eruda 或 vconsole
18+
# Debugging tool, can set eruda or vconsole
19+
VITE_APP_DEBUG_TOOL =
20+
21+
# ===== 以下配置仅在测试环境生效 =====
22+
# ===== The following configuration is only effective in the test environment. =====
23+
24+
# 启用假数据
25+
# Enable build fake data
26+
VITE_BUILD_FAKE = true
27+
28+
# 启用 sourcemap
29+
# Enable build sourcemap
30+
VITE_BUILD_SOURCEMAP = true
31+
32+
# 压缩方式，支持 gzip 和 brotli
33+
# Build compression method, supports gzip and brotli
34+
VITE_BUILD_COMPRESS =
35+
36+
# 构建后生成存档，支持 zip 和 tar
37+
# Generate archive after build, supports zip and tar
38+
VITE_BUILD_ARCHIVE =

‎apps/core-ant-design-vue/components.json‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"$schema": "https://shadcn-vue.com/schema.json",
3+
"style": "new-york-v4",
4+
"typescript": true,
5+
"tailwind": {
6+
"config": "tailwind.config.js",
7+
"css": "src/assets/index.css",
8+
"baseColor": "neutral",
9+
"cssVariables": true
10+
},
11+
"aliases": {
12+
"components": "@/ui/shadcn",
13+
"utils": "@/utils",
14+
"lib": "@/utils"
15+
}
16+
}

‎apps/core-ant-design-vue/index.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/favicon.svg" />
6+
<link rel="stylesheet" href="/browser_upgrade/index.css" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, viewport-fit=cover"/>
8+
<meta http-equiv="Expires" content="0">
9+
<meta http-equiv="Pragma" content="no-cache">
10+
<meta http-equiv="Cache-control" content="no-cache">
11+
<meta http-equiv="Cache" content="no-cache">
12+
<title>%VITE_APP_TITLE%</title>
13+
</head>
14+
<body>
15+
<div id="app">
16+
<div id="browser-upgrade">
17+
<div class="title">为了您的体验，推荐使用以下浏览器</div>
18+
<div class="browsers">
19+
<a href="https://www.microsoft.com/edge" target="_blank" class="browser">
20+
<img class="browser-icon" src="/browser_upgrade/edge.png" />
21+
<div class="browser-name">Microsoft Edge</div>
22+
</a>
23+
<a href="https://www.google.cn/chrome/" target="_blank" class="browser">
24+
<img class="browser-icon" src="/browser_upgrade/chrome.png" />
25+
<div class="browser-name">Google Chrome</div>
26+
</a>
27+
</div>
28+
</div>
29+
</div>
30+
<script>
31+
if (!!window.ActiveXObject || 'ActiveXObject' in window) {
32+
document.getElementById('browser-upgrade').style.display = 'block'
33+
}
34+
</script>
35+
<script type="module" src="/src/main.ts"></script>
36+
</body>
37+
</html>

‎apps/core-ant-design-vue/loading.html‎

Lines changed: 216 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,216 @@
1+
<style>
2+
@keyframes rainbow {
3+
0% { --rainbow-color: #00a98e; }
4+
1.25% { --rainbow-color: #00a996; }
5+
2.5% { --rainbow-color: #00a99f; }
6+
3.75% { --rainbow-color: #00a9a7; }
7+
5% { --rainbow-color: #00a9b0; }
8+
6.25% { --rainbow-color: #00a9b8; }
9+
7.5% { --rainbow-color: #00a9c0; }
10+
8.75% { --rainbow-color: #00a8c7; }
11+
10% { --rainbow-color: #00a8cf; }
12+
11.25% { --rainbow-color: #00a7d5; }
13+
12.5% { --rainbow-color: #00a6dc; }
14+
13.75% { --rainbow-color: #00a6e2; }
15+
15% { --rainbow-color: #00a4e7; }
16+
16.25% { --rainbow-color: #00a3ec; }
17+
17.5% { --rainbow-color: #00a2f1; }
18+
18.75% { --rainbow-color: #00a0f4; }
19+
20% { --rainbow-color: #009ff7; }
20+
21.25% { --rainbow-color: #009dfa; }
21+
22.5% { --rainbow-color: #009bfc; }
22+
23.75% { --rainbow-color: #0098fd; }
23+
25% { --rainbow-color: #0096fd; }
24+
26.25% { --rainbow-color: #0093fd; }
25+
27.5% { --rainbow-color: #2e90fc; }
26+
28.75% { --rainbow-color: #4d8dfa; }
27+
30% { --rainbow-color: #638af8; }
28+
31.25% { --rainbow-color: #7587f5; }
29+
32.5% { --rainbow-color: #8583f1; }
30+
33.75% { --rainbow-color: #9280ed; }
31+
35% { --rainbow-color: #9f7ce9; }
32+
36.25% { --rainbow-color: #aa78e3; }
33+
37.5% { --rainbow-color: #b574dd; }
34+
38.75% { --rainbow-color: #be71d7; }
35+
40% { --rainbow-color: #c76dd1; }
36+
41.25% { --rainbow-color: #cf69c9; }
37+
42.5% { --rainbow-color: #d566c2; }
38+
43.75% { --rainbow-color: #dc63ba; }
39+
45% { --rainbow-color: #e160b3; }
40+
46.25% { --rainbow-color: #e65eab; }
41+
47.5% { --rainbow-color: #e95ca2; }
42+
48.75% { --rainbow-color: #ed5a9a; }
43+
50% { --rainbow-color: #ef5992; }
44+
51.25% { --rainbow-color: #f15989; }
45+
52.5% { --rainbow-color: #f25981; }
46+
53.75% { --rainbow-color: #f25a79; }
47+
55% { --rainbow-color: #f25c71; }
48+
56.25% { --rainbow-color: #f15e69; }
49+
57.5% { --rainbow-color: #ef6061; }
50+
58.75% { --rainbow-color: #ed635a; }
51+
60% { --rainbow-color: #eb6552; }
52+
61.25% { --rainbow-color: #e8694b; }
53+
62.5% { --rainbow-color: #e46c44; }
54+
63.75% { --rainbow-color: #e06f3d; }
55+
65% { --rainbow-color: #db7336; }
56+
66.25% { --rainbow-color: #d77630; }
57+
67.5% { --rainbow-color: #d17a2a; }
58+
68.75% { --rainbow-color: #cc7d24; }
59+
70% { --rainbow-color: #c6811e; }
60+
71.25% { --rainbow-color: #bf8418; }
61+
72.5% { --rainbow-color: #b98713; }
62+
73.75% { --rainbow-color: #b28a0f; }
63+
75% { --rainbow-color: #ab8d0c; }
64+
76.25% { --rainbow-color: #a3900b; }
65+
77.5% { --rainbow-color: #9c920d; }
66+
78.75% { --rainbow-color: #949510; }
67+
80% { --rainbow-color: #8b9715; }
68+
81.25% { --rainbow-color: #83991b; }
69+
82.5% { --rainbow-color: #7a9b21; }
70+
83.75% { --rainbow-color: #719d27; }
71+
85% { --rainbow-color: #679e2e; }
72+
86.25% { --rainbow-color: #5da035; }
73+
87.5% { --rainbow-color: #51a13c; }
74+
88.75% { --rainbow-color: #44a244; }
75+
90% { --rainbow-color: #34a44b; }
76+
91.25% { --rainbow-color: #1ba553; }
77+
92.5% { --rainbow-color: #00a65b; }
78+
93.75% { --rainbow-color: #00a663; }
79+
95% { --rainbow-color: #00a76c; }
80+
96.25% { --rainbow-color: #00a874; }
81+
97.5% { --rainbow-color: #00a87d; }
82+
98.75% { --rainbow-color: #00a985; }
83+
100% { --rainbow-color: #00a98e; }
84+
}
85+
86+
:root {
87+
--rainbow-color: #00a98e;
88+
animation: rainbow 20s linear infinite;
89+
}
90+
91+
.loading-container {
92+
position: fixed;
93+
top: 0;
94+
left: 0;
95+
z-index: 10000;
96+
display: flex;
97+
flex-direction: column;
98+
align-items: center;
99+
justify-content: center;
100+
width: 100%;
101+
height: 100%;
102+
color: var(--rainbow-color);
103+
user-select: none;
104+
background-color: oklch(var(--background));
105+
}
106+
107+
.loading-container *::before,
108+
.loading-container *::after {
109+
box-sizing: content-box;
110+
}
111+
112+
.loading-container .loading {
113+
display: flex;
114+
flex-wrap: wrap;
115+
align-items: center;
116+
justify-content: center;
117+
width: 40px;
118+
height: 40px;
119+
}
120+
121+
.loading-container .loading .square {
122+
display: flex;
123+
align-items: center;
124+
justify-content: center;
125+
width: 20px;
126+
height: 20px;
127+
}
128+
129+
.loading-container .loading .square::before {
130+
width: 10px;
131+
height: 10px;
132+
content: "";
133+
border: 3px solid var(--rainbow-color);
134+
border-radius: 15%;
135+
animation: square-to-dot-animation 2s linear infinite;
136+
}
137+
138+
.loading-container .loading .square:nth-child(1)::before {
139+
animation-delay: calc(150ms * 1);
140+
}
141+
142+
.loading-container .loading .square:nth-child(2)::before {
143+
animation-delay: calc(150ms * 2);
144+
}
145+
146+
.loading-container .loading .square:nth-child(3)::before {
147+
animation-delay: calc(150ms * 3);
148+
}
149+
150+
.loading-container .loading .square:nth-child(4)::before {
151+
animation-delay: calc(150ms * 4);
152+
}
153+
154+
@keyframes square-to-dot-animation {
155+
0%,
156+
33.33% {
157+
width: 10px;
158+
height: 10px;
159+
margin: initial;
160+
border-width: 3px;
161+
border-radius: 15%;
162+
transform: rotate(0deg);
163+
}
164+
165+
50%,
166+
83.33% {
167+
width: 0;
168+
height: 0;
169+
margin: 5px;
170+
border-width: 5px;
171+
border-radius: 100%;
172+
transform: rotate(180deg);
173+
}
174+
175+
100% {
176+
width: 10px;
177+
height: 10px;
178+
margin: initial;
179+
border-width: 3px;
180+
border-radius: 15%;
181+
transform: rotate(360deg);
182+
}
183+
}
184+
185+
.loading-container .name {
186+
position: relative;
187+
margin-top: 20px;
188+
font-size: 24px;
189+
line-height: 1.5;
190+
}
191+
192+
.loading-container .tips {
193+
position: relative;
194+
margin-top: 10px;
195+
font-size: 16px;
196+
opacity: 0.5;
197+
line-height: 1.5;
198+
}
199+
200+
.loading-container .tips::after {
201+
position: absolute;
202+
padding-left: 5px;
203+
content: "…";
204+
}
205+
</style>
206+
207+
<div class="loading-container">
208+
<div class="loading">
209+
<div class="square"></div>
210+
<div class="square"></div>
211+
<div class="square"></div>
212+
<div class="square"></div>
213+
</div>
214+
<div class="name">%VITE_APP_TITLE%</div>
215+
<div class="tips">载入中</div>
216+
</div>

0 commit comments

Comments
 (0)