Skip to content

Commit 4f4d4de

Browse files
jzfaijzfai
committed
update vite to 4.x
1 parent 89b0e19 commit 4f4d4de

Some content is hidden

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

54 files changed

+1790
-2
lines changed

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@
7979
"unocss": "^0.33.5",
8080
"unplugin-auto-import": "^0.11.2",
8181
"unplugin-vue-components": "^0.22.8",
82-
"vite": "^3.1.8",
82+
"vite": "^4.0.2",
8383
"vite-plugin-mkcert": "^1.7.2",
8484
"vite-plugin-mock": "^2.9.6",
8585
"vite-plugin-svg-icons": "^2.0.1",

‎src/plugins/vite-plugin-setup-extend/index.ts

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import { parse } from '@vue/compiler-sfc'
22
import { render } from 'ejs'
33
import type { Plugin } from 'vite'
44
export default ({ inject }): Plugin => {
5-
// let viteConfig
65
return {
76
name: 'vite-plugin-setup-extend',
87
enforce: 'pre',

‎src/theme/base/custom/ct-css-vars.scss

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
html.base-theme {
2+
/*element-plus section */
3+
--el-menu-active-color: #409eff;
4+
--el-menu-text-color: #bfcbd9;
5+
--el-menu-hover-text-color: var(--el-color-primary);
6+
--el-menu-bg-color: #304156;
7+
--el-menu-hover-bg-color: #263445;
8+
--el-menu-item-height: 56px;
9+
--el-menu-border-color: none;
10+
/*layout section*/
11+
//layout
12+
--layout-border-left-color: #ddd;
13+
//Breadcrumb
14+
--breadcrumb-no-redirect: #97a8be;
15+
//Hamburger
16+
--hamburger-color: #2b2f3a;
17+
--hamburger-width: 20px;
18+
--hamburger-height: 20px;
19+
//Sidebar
20+
--sidebar-el-icon-size: 20px;
21+
--sidebar-logo-background: #2b2f3a;
22+
--sidebar-logo-color: #ff9901;
23+
--sidebar-logo-width: 32px;
24+
--sidebar-logo-height: 32px;
25+
--sidebar-logo-title-color: #fff;
26+
--side-bar-width: 210px;
27+
--side-bar-border-right-color: '#ddd';
28+
//TagsView
29+
--tags-view-background: #fff;
30+
--tags-view-border-bottom-color: #d8dce5;
31+
--tags-view-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
32+
--tags-view-item-background: #fff;
33+
--tags-view-item-border-color: #d8dce5;
34+
--tags-view-item-color: #495060;
35+
--tag-view-height: 32px;
36+
--tags-view-item-active-background: #42b983;
37+
--tags-view-item-active-color: #fff;
38+
--tags-view-item-active-border-color: #42b983;
39+
--tags-view-contextmenu-background: #fff;
40+
--tags-view-contextmenu-color: #333;
41+
--tags-view-contextmenu-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
42+
--tags-view-contextmenu-hover-background: #eee;
43+
//close-icon
44+
--tags-view-close-icon-hover-background: #b4bccc;
45+
--tags-view-close-icon-hover-color: #fff;
46+
//AppMain.vue
47+
--app-main-padding: 10px;
48+
--app-main-background: #fff;
49+
//Navbar.vue
50+
--nav-bar-height: 50px;
51+
--nav-bar-background: #fff;
52+
--nav-bar-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
53+
--nav-bar-right-menu-background: #fff;
54+
55+
//transition 动画
56+
//侧边栏切换动画时长
57+
--sideBar-switch-duration: 0.2s;
58+
//logo切换动画时长
59+
--logo-switch-duration: 1s;
60+
//页面动画时长
61+
--page-transform-duration: 0.2s;
62+
//面包屑导航动画时长
63+
--breadcrumb-change-duration: 0.2s;
64+
65+
//进度条颜色
66+
--pregress-bar-color: #409eff;
67+
}

‎src/theme/base/element-plus/button.scss

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
html.base-theme {
2+
.at-button-low {
3+
--el-button-text-color: #262626;
4+
--el-button-bg-color: #ffffff;
5+
--el-button-border-color: #d9d9d9;
6+
--el-button-outline-color: #d9d9d9;
7+
8+
--el-button-hover-text-color: #c72210;
9+
--el-button-hover-link-text-color: #c72210;
10+
--el-button-hover-bg-color: #ffece6;
11+
--el-button-hover-border-color: transparent;
12+
13+
--el-button-active-color: #a8150a;
14+
--el-button-active-bg-color: #a8150a;
15+
--el-button-active-border-color: transparent;
16+
17+
--el-button-disabled-text-color: #a6a6a6;
18+
--el-button-disabled-bg-color: #ffece6;
19+
--el-button-disabled-border-color: #c72210;
20+
//loading
21+
--el-button-loading-text-color: #c72210;
22+
--el-button-loading-bg-color: #ffece6;
23+
--el-button-loading-border-color: #c72210;
24+
}
25+
26+
.at-button-middle {
27+
--el-button-text-color: #c72210;
28+
--el-button-bg-color: #ffece6;
29+
--el-button-border-color: #c72210;
30+
--el-button-outline-color: #c72210;
31+
32+
--el-button-hover-text-color: #ffffff;
33+
--el-button-hover-link-text-color: #ffffff;
34+
--el-button-hover-bg-color: #c72210;
35+
--el-button-hover-border-color: #c72210;
36+
37+
--el-button-active-color: #ffffff;
38+
--el-button-active-bg-color: #a8150a;
39+
--el-button-active-border-color: #a8150a;
40+
41+
--el-button-disabled-text-color: #a6a6a6;
42+
--el-button-disabled-bg-color: #ffffff;
43+
--el-button-disabled-border-color: #d9d9d9;
44+
45+
//loading
46+
--el-button-loading-text-color: #c72210;
47+
--el-button-loading-bg-color: #ffece6;
48+
--el-button-loading-border-color: #c72210;
49+
}
50+
51+
.at-button-height {
52+
--el-button-text-color: #ffffff;
53+
--el-button-bg-color: #c72210;
54+
--el-button-border-color: transparent;
55+
--el-button-outline-color: transparent;
56+
57+
--el-button-hover-text-color: #ffffff;
58+
--el-button-hover-link-text-color: #ffffff;
59+
--el-button-hover-bg-color: #dd715b;
60+
--el-button-hover-border-color: #c72210;
61+
62+
--el-button-active-color: #ffffff;
63+
--el-button-active-bg-color: #a8150a;
64+
--el-button-active-border-color: transparent;
65+
66+
--el-button-disabled-text-color: #a6a6a6;
67+
--el-button-disabled-bg-color: #f5f5f5;
68+
--el-button-disabled-border-color: transparent;
69+
70+
//loading
71+
--el-button-loading-text-color: #ffffff;
72+
--el-button-loading-bg-color: #c72210;
73+
--el-button-loading-border-color: transparent;
74+
}
75+
76+
.at-button-text {
77+
--el-button-text-color: #477ef5;
78+
--el-fill-color-light: transparent;
79+
--el-fill-color: transparent;
80+
81+
--el-button-hover-text-color: #86b2f9;
82+
83+
--el-button-active-color: #2c59cb;
84+
85+
--el-button-disabled-text-color: #a6a6a6;
86+
87+
//loading
88+
--el-button-loading-text-color: #477ef5;
89+
}
90+
91+
.el-button {
92+
//default
93+
--el-button-size: 36px;
94+
height: var(--el-button-size);
95+
padding: 8px 30px;
96+
font-size: 14px;
97+
//loading
98+
.is-loading {
99+
color: var(--el-button-loading-text-color);
100+
background-color: var(--el-button-loading-bg-color);
101+
border-color: var(--el-button-loading-border-color);
102+
}
103+
}
104+
105+
.el-button--small {
106+
--el-button-size: 27px;
107+
height: var(--el-button-size);
108+
padding: 5px 24px;
109+
font-size: 12px;
110+
}
111+
112+
.el-button--large {
113+
--el-button-size: 40px;
114+
height: var(--el-button-size);
115+
padding: 10px 30px;
116+
font-size: 14px;
117+
}
118+
119+
.el-button + .el-button {
120+
margin-left: 12px;
121+
}
122+
}

‎src/theme/base/element-plus/checkbox.scss

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
html.china-red {
2+
.el-checkbox {
3+
--el-checkbox-font-size: 14px;
4+
--el-checkbox-font-weight: var(--el-font-weight-primary);
5+
--el-checkbox-text-color: #262626;
6+
--el-checkbox-input-height: 14px;
7+
--el-checkbox-input-width: 14px;
8+
--el-checkbox-border-radius: var(--el-border-radius-small);
9+
--el-checkbox-bg-color: var(--el-fill-color-blank);
10+
--el-checkbox-input-border: var(--el-border);
11+
12+
//disabled
13+
--el-checkbox-disabled-border-color: var(--el-border-color);
14+
--el-checkbox-disabled-input-fill: var(--el-fill-color-light);
15+
--el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
16+
--el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
17+
--el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
18+
--el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
19+
20+
//check
21+
--el-checkbox-checked-text-color: #262626;
22+
--el-checkbox-checked-input-border-color: transparent;
23+
--el-checkbox-checked-bg-color: #c72210;
24+
--el-checkbox-checked-icon-color: #ffffff;
25+
--el-checkbox-input-border-color-hover: #c72210;
26+
}
27+
}

‎src/theme/base/element-plus/css-vars.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
@use 'sass:map';
2+
3+
@use './var' as *;
4+
@use '../../mixins/var' as *;
5+
@use '../../mixins/mixins' as *;
6+
7+
html.china-red {
8+
color-scheme: china-red;
9+
@each $type in (primary, success, warning, danger, error, info) {
10+
@include set-css-color-rgb($colors, $type);
11+
}
12+
13+
@each $type in (primary, success, warning, danger, error, info) {
14+
@include set-css-color-type($colors, $type);
15+
}
16+
//--el-color-primary: #c72210;
17+
}

‎src/theme/base/element-plus/form.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
html.china-red {
2+
//date
3+
.el-date-range-picker {
4+
--el-datepicker-text-color: var(--el-text-color-regular);
5+
--el-datepicker-off-text-color: var(--el-text-color-placeholder);
6+
--el-datepicker-header-text-color: var(--el-text-color-regular);
7+
--el-datepicker-icon-color: var(--el-text-color-primary);
8+
--el-datepicker-border-color: var(--el-disabled-border-color);
9+
--el-datepicker-inner-border-color: var(--el-border-color-light);
10+
--el-datepicker-inrange-bg-color: #ffece6;
11+
--el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
12+
--el-datepicker-active-color: var(--el-color-primary);
13+
--el-datepicker-hover-text-color: var(--el-color-primary);
14+
}
15+
16+
.el-select-dropdown__item.hover,
17+
.el-select-dropdown__item:hover {
18+
background-color: #ffece6;
19+
}
20+
}

‎src/theme/base/element-plus/pagination.scss

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
html.china-red {
2+
.el-pagination {
3+
--el-text-color-regular: #8c8c8c;
4+
--el-pagination-font-size: 14px;
5+
--el-pagination-bg-color: var(--el-fill-color-blank);
6+
--el-pagination-text-color: var(--el-text-color-primary);
7+
--el-pagination-border-radius: 3px;
8+
--el-pagination-button-color: var(--el-text-color-primary);
9+
--el-pagination-button-width: 32px;
10+
--el-pagination-button-height: 32px;
11+
--el-pagination-button-disabled-color: var(--el-text-color-placeholder);
12+
--el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
13+
--el-pagination-button-bg-color: var(--el-fill-color);
14+
--el-pagination-hover-color: var(--el-color-primary);
15+
--el-pagination-height-extra-small: 24px;
16+
--el-pagination-line-height-extra-small: var(--el-pagination-height-extra-small);
17+
white-space: nowrap;
18+
padding: 2px 5px;
19+
color: var(--el-pagination-text-color);
20+
font-weight: 400;
21+
display: flex;
22+
align-items: center;
23+
}
24+
25+
.el-pagination__total {
26+
margin-right: 16px;
27+
font-weight: 400;
28+
color: var(--el-text-color-regular);
29+
}
30+
}

‎src/theme/base/element-plus/redio.scss

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
html.china-red {
2+
.el-radio {
3+
--el-radio-font-size: var(--el-font-size-base);
4+
--el-radio-text-color: #262626;
5+
--el-radio-font-weight: var(--el-font-weight-primary);
6+
--el-radio-input-height: 14px;
7+
--el-radio-input-width: 14px;
8+
--el-radio-input-border-radius: var(--el-border-radius-circle);
9+
--el-radio-input-bg-color: var(--el-fill-color-blank);
10+
--el-radio-input-border: var(--el-border);
11+
--el-radio-input-border-color: transparent;
12+
//--el-radio-input-border-color-hover: transparent;
13+
}
14+
15+
.el-radio__input.is-checked + .el-radio__label {
16+
color: #262626;
17+
}
18+
}

‎src/theme/base/element-plus/table.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
html.china-red {
2+
.el-table {
3+
--el-table-border-color: #f0f0f0;
4+
--el-table-border: 1px solid #f0f0f0;
5+
--el-table-text-color: var(--el-text-color-regular);
6+
--el-table-header-text-color: var(--el-text-color-secondary);
7+
--el-table-row-hover-bg-color: #ffece6;
8+
--el-table-current-row-bg-color: var(--el-color-primary-light-9);
9+
--el-table-header-bg-color: #fafafa;
10+
--el-table-fixed-box-shadow: var(--el-box-shadow-light);
11+
--el-table-bg-color: var(--el-fill-color-blank);
12+
--el-table-tr-bg-color: var(--el-fill-color-blank);
13+
--el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
14+
--el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, 0.15);
15+
--el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, 0.15);
16+
}
17+
}

0 commit comments

Comments
 (0)