adtec-core-package 2.3.0 → 2.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +6 -6
- package/.prettierrc.json +7 -7
- package/.vscode/extensions.json +8 -8
- package/README.md +39 -39
- package/env.d.ts +1 -1
- package/eslint.config.js +56 -56
- package/index.html +13 -13
- package/package.json +1 -1
- package/src/App.vue +9 -9
- package/src/assets/base.css +86 -86
- package/src/assets/logo.svg +1 -1
- package/src/assets/main.css +35 -35
- package/src/assets/style/transition.scss +49 -49
- package/src/components/icon/ElIcons.vue +38 -38
- package/src/css/elementUI/affix.scss +7 -7
- package/src/css/elementUI/alert.scss +115 -115
- package/src/css/elementUI/anchor-link.scss +41 -41
- package/src/css/elementUI/anchor.scss +88 -88
- package/src/css/elementUI/aside.scss +8 -8
- package/src/css/elementUI/avatar.scss +55 -55
- package/src/css/elementUI/backtop.scss +29 -29
- package/src/css/elementUI/badge.scss +58 -58
- package/src/css/elementUI/base.scss +3 -3
- package/src/css/elementUI/breadcrumb.scss +62 -62
- package/src/css/elementUI/button-group.scss +80 -80
- package/src/css/elementUI/button.scss +304 -304
- package/src/css/elementUI/calendar.scss +80 -80
- package/src/css/elementUI/card.scss +45 -45
- package/src/css/elementUI/carousel-item.scss +58 -58
- package/src/css/elementUI/carousel.scss +188 -188
- package/src/css/elementUI/cascader-panel.scss +138 -138
- package/src/css/elementUI/cascader.scss +230 -230
- package/src/css/elementUI/check-tag.scss +60 -60
- package/src/css/elementUI/checkbox-button.scss +140 -140
- package/src/css/elementUI/checkbox-group.scss +7 -7
- package/src/css/elementUI/col.scss +48 -48
- package/src/css/elementUI/collapse.scss +70 -70
- package/src/css/elementUI/color/index.scss +20 -20
- package/src/css/elementUI/color-picker.scss +392 -392
- package/src/css/elementUI/common/popup.scss +47 -47
- package/src/css/elementUI/common/transition.scss +122 -122
- package/src/css/elementUI/container.scss +14 -14
- package/src/css/elementUI/dark/css-vars.scss +39 -39
- package/src/css/elementUI/dark/var.scss +222 -222
- package/src/css/elementUI/date-picker/date-picker.scss +110 -110
- package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
- package/src/css/elementUI/date-picker/date-table.scss +158 -158
- package/src/css/elementUI/date-picker/month-table.scss +112 -112
- package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
- package/src/css/elementUI/date-picker/time-picker.scss +90 -90
- package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
- package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
- package/src/css/elementUI/date-picker/year-table.scss +108 -108
- package/src/css/elementUI/date-picker.scss +9 -9
- package/src/css/elementUI/descriptions-item.scss +73 -73
- package/src/css/elementUI/dialog.scss +199 -199
- package/src/css/elementUI/display.scss +12 -12
- package/src/css/elementUI/divider.scss +48 -48
- package/src/css/elementUI/dropdown.scss +208 -208
- package/src/css/elementUI/empty.scss +49 -49
- package/src/css/elementUI/footer.scss +12 -12
- package/src/css/elementUI/form.scss +243 -243
- package/src/css/elementUI/header.scss +12 -12
- package/src/css/elementUI/icon.scss +45 -45
- package/src/css/elementUI/image-viewer.scss +139 -139
- package/src/css/elementUI/image.scss +49 -49
- package/src/css/elementUI/index.scss +110 -110
- package/src/css/elementUI/input-number.scss +178 -178
- package/src/css/elementUI/input.scss +478 -478
- package/src/css/elementUI/link.scss +90 -90
- package/src/css/elementUI/loading.scss +104 -104
- package/src/css/elementUI/main.scss +14 -14
- package/src/css/elementUI/mention.scss +88 -88
- package/src/css/elementUI/menu.scss +339 -339
- package/src/css/elementUI/message-box.scss +213 -213
- package/src/css/elementUI/message.scss +98 -98
- package/src/css/elementUI/mixins/_button.scss +165 -165
- package/src/css/elementUI/mixins/_col.scss +33 -33
- package/src/css/elementUI/mixins/_var.scss +67 -67
- package/src/css/elementUI/mixins/config.scss +5 -5
- package/src/css/elementUI/mixins/function.scss +88 -88
- package/src/css/elementUI/mixins/mixins.scss +237 -237
- package/src/css/elementUI/mixins/utils.scss +39 -39
- package/src/css/elementUI/notification.scss +104 -104
- package/src/css/elementUI/option-group.scss +33 -33
- package/src/css/elementUI/option.scss +71 -71
- package/src/css/elementUI/overlay.scss +17 -17
- package/src/css/elementUI/page-header.scss +60 -60
- package/src/css/elementUI/pagination.scss +238 -238
- package/src/css/elementUI/popconfirm.scss +16 -16
- package/src/css/elementUI/popover.scss +61 -61
- package/src/css/elementUI/popper.scss +106 -106
- package/src/css/elementUI/progress.scss +179 -179
- package/src/css/elementUI/radio-button.scss +169 -169
- package/src/css/elementUI/radio-group.scss +9 -9
- package/src/css/elementUI/rate.scss +108 -108
- package/src/css/elementUI/reset.scss +98 -98
- package/src/css/elementUI/result.scss +57 -57
- package/src/css/elementUI/row.scss +35 -35
- package/src/css/elementUI/scrollbar.scss +97 -97
- package/src/css/elementUI/segmented.scss +183 -183
- package/src/css/elementUI/select-dropdown-v2.scss +1 -1
- package/src/css/elementUI/select-dropdown.scss +57 -57
- package/src/css/elementUI/select-v2.scss +4 -4
- package/src/css/elementUI/select.scss +253 -253
- package/src/css/elementUI/skeleton-item.scss +83 -83
- package/src/css/elementUI/skeleton.scss +44 -44
- package/src/css/elementUI/slider.scss +212 -212
- package/src/css/elementUI/space.scss +20 -20
- package/src/css/elementUI/spinner.scss +43 -43
- package/src/css/elementUI/statistic.scss +35 -35
- package/src/css/elementUI/step.scss +316 -316
- package/src/css/elementUI/steps.scss +21 -21
- package/src/css/elementUI/switch.scss +300 -300
- package/src/css/elementUI/table-column.scss +98 -98
- package/src/css/elementUI/table-v2.scss +236 -236
- package/src/css/elementUI/table.scss +2 -2
- package/src/css/elementUI/tag.scss +181 -181
- package/src/css/elementUI/text.scss +51 -51
- package/src/css/elementUI/time-picker.scss +5 -5
- package/src/css/elementUI/time-select.scss +37 -37
- package/src/css/elementUI/timeline-item.scss +84 -84
- package/src/css/elementUI/timeline.scss +46 -46
- package/src/css/elementUI/tooltip-v2.scss +95 -95
- package/src/css/elementUI/tour.scss +187 -187
- package/src/css/elementUI/transfer.scss +203 -203
- package/src/css/elementUI/tree-select.scss +41 -41
- package/src/css/elementUI/tree.scss +134 -134
- package/src/css/elementUI/upload.scss +654 -654
- package/src/css/elementUI/var.scss +87 -87
- package/src/css/elementUI/virtual-list.scss +40 -40
- package/src/css/vxeTableUI/components/table.scss +1 -1
- package/src/interface/enum/FlexEnum.ts +85 -85
- package/src/main.ts +14 -14
- package/src/router/index.ts +23 -23
- package/tsconfig.app.json +12 -12
- package/tsconfig.json +11 -11
- package/tsconfig.node.json +18 -18
- package/vite.config.ts +38 -38
package/.editorconfig
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
|
|
2
|
-
charset = utf-8
|
|
3
|
-
indent_size = 2
|
|
4
|
-
indent_style = space
|
|
5
|
-
insert_final_newline = true
|
|
6
|
-
trim_trailing_whitespace = true
|
|
1
|
+
[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue}]
|
|
2
|
+
charset = utf-8
|
|
3
|
+
indent_size = 2
|
|
4
|
+
indent_style = space
|
|
5
|
+
insert_final_newline = true
|
|
6
|
+
trim_trailing_whitespace = true
|
package/.prettierrc.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
{
|
|
3
|
-
"$schema": "https://json.schemastore.org/prettierrc",
|
|
4
|
-
"semi": false,
|
|
5
|
-
"singleQuote": true,
|
|
6
|
-
"printWidth": 100
|
|
7
|
-
}
|
|
1
|
+
|
|
2
|
+
{
|
|
3
|
+
"$schema": "https://json.schemastore.org/prettierrc",
|
|
4
|
+
"semi": false,
|
|
5
|
+
"singleQuote": true,
|
|
6
|
+
"printWidth": 100
|
|
7
|
+
}
|
package/.vscode/extensions.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
{
|
|
2
|
-
"recommendations": [
|
|
3
|
-
"Vue.volar",
|
|
4
|
-
"dbaeumer.vscode-eslint",
|
|
5
|
-
"EditorConfig.EditorConfig",
|
|
6
|
-
"esbenp.prettier-vscode"
|
|
7
|
-
]
|
|
8
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"recommendations": [
|
|
3
|
+
"Vue.volar",
|
|
4
|
+
"dbaeumer.vscode-eslint",
|
|
5
|
+
"EditorConfig.EditorConfig",
|
|
6
|
+
"esbenp.prettier-vscode"
|
|
7
|
+
]
|
|
8
|
+
}
|
package/README.md
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
# adtec-core-package
|
|
2
|
-
|
|
3
|
-
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
-
|
|
5
|
-
## Recommended IDE Setup
|
|
6
|
-
|
|
7
|
-
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
-
|
|
9
|
-
## Type Support for `.vue` Imports in TS
|
|
10
|
-
|
|
11
|
-
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
12
|
-
|
|
13
|
-
## Customize configuration
|
|
14
|
-
|
|
15
|
-
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
16
|
-
|
|
17
|
-
## Project Setup
|
|
18
|
-
|
|
19
|
-
```sh
|
|
20
|
-
npm install
|
|
21
|
-
```
|
|
22
|
-
|
|
23
|
-
### Compile and Hot-Reload for Development
|
|
24
|
-
|
|
25
|
-
```sh
|
|
26
|
-
npm run dev
|
|
27
|
-
```
|
|
28
|
-
|
|
29
|
-
### Type-Check, Compile and Minify for Production
|
|
30
|
-
|
|
31
|
-
```sh
|
|
32
|
-
npm run build
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
### Lint with [ESLint](https://eslint.org/)
|
|
36
|
-
|
|
37
|
-
```sh
|
|
38
|
-
npm run lint
|
|
39
|
-
```
|
|
1
|
+
# adtec-core-package
|
|
2
|
+
|
|
3
|
+
This template should help get you started developing with Vue 3 in Vite.
|
|
4
|
+
|
|
5
|
+
## Recommended IDE Setup
|
|
6
|
+
|
|
7
|
+
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
|
|
8
|
+
|
|
9
|
+
## Type Support for `.vue` Imports in TS
|
|
10
|
+
|
|
11
|
+
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
|
|
12
|
+
|
|
13
|
+
## Customize configuration
|
|
14
|
+
|
|
15
|
+
See [Vite Configuration Reference](https://vite.dev/config/).
|
|
16
|
+
|
|
17
|
+
## Project Setup
|
|
18
|
+
|
|
19
|
+
```sh
|
|
20
|
+
npm install
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Compile and Hot-Reload for Development
|
|
24
|
+
|
|
25
|
+
```sh
|
|
26
|
+
npm run dev
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
### Type-Check, Compile and Minify for Production
|
|
30
|
+
|
|
31
|
+
```sh
|
|
32
|
+
npm run build
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### Lint with [ESLint](https://eslint.org/)
|
|
36
|
+
|
|
37
|
+
```sh
|
|
38
|
+
npm run lint
|
|
39
|
+
```
|
package/env.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/// <reference types="vite/client" />
|
|
1
|
+
/// <reference types="vite/client" />
|
package/eslint.config.js
CHANGED
|
@@ -1,56 +1,56 @@
|
|
|
1
|
-
import pluginVue from 'eslint-plugin-vue';
|
|
2
|
-
import vueTsEslintConfig from '@vue/eslint-config-typescript';
|
|
3
|
-
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
|
|
4
|
-
export default [
|
|
5
|
-
{
|
|
6
|
-
name: 'app/files-to-lint',
|
|
7
|
-
files: ['**/*.{js,ts,mts,tsx,vue}'],
|
|
8
|
-
rules: {
|
|
9
|
-
'no-console': 'off',
|
|
10
|
-
'no-debugger': 'off',
|
|
11
|
-
'no-undef': 'off',
|
|
12
|
-
'no-unused-vars': 'off',
|
|
13
|
-
'no-restricted-syntax': 'off',
|
|
14
|
-
'no-plusplus': 'off',
|
|
15
|
-
'no-param-reassign': 'off',
|
|
16
|
-
'@typescript-eslint/no-explicit-any': 'off',
|
|
17
|
-
parserOptions: {
|
|
18
|
-
parser: '@typescript-eslint/parser',
|
|
19
|
-
},
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
name: 'app/files-to-ignore',
|
|
24
|
-
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
25
|
-
rules: {
|
|
26
|
-
'no-console': 'off',
|
|
27
|
-
'no-debugger': 'off',
|
|
28
|
-
'no-undef': 'off',
|
|
29
|
-
'no-unused-vars': 'off',
|
|
30
|
-
'no-restricted-syntax': 'off',
|
|
31
|
-
'no-plusplus': 'off',
|
|
32
|
-
'no-param-reassign': 'off',
|
|
33
|
-
'@typescript-eslint/no-explicit-any': 'off',
|
|
34
|
-
parserOptions: {
|
|
35
|
-
parser: '@typescript-eslint/parser',
|
|
36
|
-
},
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
files: ['**/*.{ts,mts,tsx,vue}'],
|
|
41
|
-
rules: {
|
|
42
|
-
'no-console': 'off',
|
|
43
|
-
'no-debugger': 'off',
|
|
44
|
-
'no-undef': 'off',
|
|
45
|
-
'no-unused-vars': 'off',
|
|
46
|
-
'no-restricted-syntax': 'off',
|
|
47
|
-
'no-plusplus': 'off',
|
|
48
|
-
'no-param-reassign': 'off',
|
|
49
|
-
'@typescript-eslint/no-explicit-any': 'off',
|
|
50
|
-
},
|
|
51
|
-
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
52
|
-
},
|
|
53
|
-
...pluginVue.configs['flat/essential'],
|
|
54
|
-
...vueTsEslintConfig(),
|
|
55
|
-
skipFormatting,
|
|
56
|
-
];
|
|
1
|
+
import pluginVue from 'eslint-plugin-vue';
|
|
2
|
+
import vueTsEslintConfig from '@vue/eslint-config-typescript';
|
|
3
|
+
import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
|
|
4
|
+
export default [
|
|
5
|
+
{
|
|
6
|
+
name: 'app/files-to-lint',
|
|
7
|
+
files: ['**/*.{js,ts,mts,tsx,vue}'],
|
|
8
|
+
rules: {
|
|
9
|
+
'no-console': 'off',
|
|
10
|
+
'no-debugger': 'off',
|
|
11
|
+
'no-undef': 'off',
|
|
12
|
+
'no-unused-vars': 'off',
|
|
13
|
+
'no-restricted-syntax': 'off',
|
|
14
|
+
'no-plusplus': 'off',
|
|
15
|
+
'no-param-reassign': 'off',
|
|
16
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
17
|
+
parserOptions: {
|
|
18
|
+
parser: '@typescript-eslint/parser',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
name: 'app/files-to-ignore',
|
|
24
|
+
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
25
|
+
rules: {
|
|
26
|
+
'no-console': 'off',
|
|
27
|
+
'no-debugger': 'off',
|
|
28
|
+
'no-undef': 'off',
|
|
29
|
+
'no-unused-vars': 'off',
|
|
30
|
+
'no-restricted-syntax': 'off',
|
|
31
|
+
'no-plusplus': 'off',
|
|
32
|
+
'no-param-reassign': 'off',
|
|
33
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
34
|
+
parserOptions: {
|
|
35
|
+
parser: '@typescript-eslint/parser',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
files: ['**/*.{ts,mts,tsx,vue}'],
|
|
41
|
+
rules: {
|
|
42
|
+
'no-console': 'off',
|
|
43
|
+
'no-debugger': 'off',
|
|
44
|
+
'no-undef': 'off',
|
|
45
|
+
'no-unused-vars': 'off',
|
|
46
|
+
'no-restricted-syntax': 'off',
|
|
47
|
+
'no-plusplus': 'off',
|
|
48
|
+
'no-param-reassign': 'off',
|
|
49
|
+
'@typescript-eslint/no-explicit-any': 'off',
|
|
50
|
+
},
|
|
51
|
+
ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
|
|
52
|
+
},
|
|
53
|
+
...pluginVue.configs['flat/essential'],
|
|
54
|
+
...vueTsEslintConfig(),
|
|
55
|
+
skipFormatting,
|
|
56
|
+
];
|
package/index.html
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<link rel="icon" href="/favicon.ico">
|
|
6
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
-
<title>Vite App</title>
|
|
8
|
-
</head>
|
|
9
|
-
<body>
|
|
10
|
-
<div id="app"></div>
|
|
11
|
-
<script type="module" src="/src/main.ts"></script>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<link rel="icon" href="/favicon.ico">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
7
|
+
<title>Vite App</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="app"></div>
|
|
11
|
+
<script type="module" src="/src/main.ts"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
</script>
|
|
3
|
-
|
|
4
|
-
<template>
|
|
5
|
-
|
|
6
|
-
</template>
|
|
7
|
-
|
|
8
|
-
<style scoped>
|
|
9
|
-
</style>
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
</script>
|
|
3
|
+
|
|
4
|
+
<template>
|
|
5
|
+
|
|
6
|
+
</template>
|
|
7
|
+
|
|
8
|
+
<style scoped>
|
|
9
|
+
</style>
|
package/src/assets/base.css
CHANGED
|
@@ -1,86 +1,86 @@
|
|
|
1
|
-
/* color palette from <https://github.com/vuejs/theme> */
|
|
2
|
-
:root {
|
|
3
|
-
--vt-c-white: #ffffff;
|
|
4
|
-
--vt-c-white-soft: #f8f8f8;
|
|
5
|
-
--vt-c-white-mute: #f2f2f2;
|
|
6
|
-
|
|
7
|
-
--vt-c-black: #181818;
|
|
8
|
-
--vt-c-black-soft: #222222;
|
|
9
|
-
--vt-c-black-mute: #282828;
|
|
10
|
-
|
|
11
|
-
--vt-c-indigo: #2c3e50;
|
|
12
|
-
|
|
13
|
-
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
|
14
|
-
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
|
15
|
-
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
|
16
|
-
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
|
17
|
-
|
|
18
|
-
--vt-c-text-light-1: var(--vt-c-indigo);
|
|
19
|
-
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
|
20
|
-
--vt-c-text-dark-1: var(--vt-c-white);
|
|
21
|
-
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
/* semantic color variables for this project */
|
|
25
|
-
:root {
|
|
26
|
-
--color-background: var(--vt-c-white);
|
|
27
|
-
--color-background-soft: var(--vt-c-white-soft);
|
|
28
|
-
--color-background-mute: var(--vt-c-white-mute);
|
|
29
|
-
|
|
30
|
-
--color-border: var(--vt-c-divider-light-2);
|
|
31
|
-
--color-border-hover: var(--vt-c-divider-light-1);
|
|
32
|
-
|
|
33
|
-
--color-heading: var(--vt-c-text-light-1);
|
|
34
|
-
--color-text: var(--vt-c-text-light-1);
|
|
35
|
-
|
|
36
|
-
--section-gap: 160px;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
@media (prefers-color-scheme: dark) {
|
|
40
|
-
:root {
|
|
41
|
-
--color-background: var(--vt-c-black);
|
|
42
|
-
--color-background-soft: var(--vt-c-black-soft);
|
|
43
|
-
--color-background-mute: var(--vt-c-black-mute);
|
|
44
|
-
|
|
45
|
-
--color-border: var(--vt-c-divider-dark-2);
|
|
46
|
-
--color-border-hover: var(--vt-c-divider-dark-1);
|
|
47
|
-
|
|
48
|
-
--color-heading: var(--vt-c-text-dark-1);
|
|
49
|
-
--color-text: var(--vt-c-text-dark-2);
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
*,
|
|
54
|
-
*::before,
|
|
55
|
-
*::after {
|
|
56
|
-
box-sizing: border-box;
|
|
57
|
-
margin: 0;
|
|
58
|
-
font-weight: normal;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
body {
|
|
62
|
-
min-height: 100vh;
|
|
63
|
-
color: var(--color-text);
|
|
64
|
-
background: var(--color-background);
|
|
65
|
-
transition:
|
|
66
|
-
color 0.5s,
|
|
67
|
-
background-color 0.5s;
|
|
68
|
-
line-height: 1.6;
|
|
69
|
-
font-family:
|
|
70
|
-
Inter,
|
|
71
|
-
-apple-system,
|
|
72
|
-
BlinkMacSystemFont,
|
|
73
|
-
'Segoe UI',
|
|
74
|
-
Roboto,
|
|
75
|
-
Oxygen,
|
|
76
|
-
Ubuntu,
|
|
77
|
-
Cantarell,
|
|
78
|
-
'Fira Sans',
|
|
79
|
-
'Droid Sans',
|
|
80
|
-
'Helvetica Neue',
|
|
81
|
-
sans-serif;
|
|
82
|
-
font-size: 15px;
|
|
83
|
-
text-rendering: optimizeLegibility;
|
|
84
|
-
-webkit-font-smoothing: antialiased;
|
|
85
|
-
-moz-osx-font-smoothing: grayscale;
|
|
86
|
-
}
|
|
1
|
+
/* color palette from <https://github.com/vuejs/theme> */
|
|
2
|
+
:root {
|
|
3
|
+
--vt-c-white: #ffffff;
|
|
4
|
+
--vt-c-white-soft: #f8f8f8;
|
|
5
|
+
--vt-c-white-mute: #f2f2f2;
|
|
6
|
+
|
|
7
|
+
--vt-c-black: #181818;
|
|
8
|
+
--vt-c-black-soft: #222222;
|
|
9
|
+
--vt-c-black-mute: #282828;
|
|
10
|
+
|
|
11
|
+
--vt-c-indigo: #2c3e50;
|
|
12
|
+
|
|
13
|
+
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
|
|
14
|
+
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
|
|
15
|
+
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
|
|
16
|
+
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
|
|
17
|
+
|
|
18
|
+
--vt-c-text-light-1: var(--vt-c-indigo);
|
|
19
|
+
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
|
|
20
|
+
--vt-c-text-dark-1: var(--vt-c-white);
|
|
21
|
+
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
/* semantic color variables for this project */
|
|
25
|
+
:root {
|
|
26
|
+
--color-background: var(--vt-c-white);
|
|
27
|
+
--color-background-soft: var(--vt-c-white-soft);
|
|
28
|
+
--color-background-mute: var(--vt-c-white-mute);
|
|
29
|
+
|
|
30
|
+
--color-border: var(--vt-c-divider-light-2);
|
|
31
|
+
--color-border-hover: var(--vt-c-divider-light-1);
|
|
32
|
+
|
|
33
|
+
--color-heading: var(--vt-c-text-light-1);
|
|
34
|
+
--color-text: var(--vt-c-text-light-1);
|
|
35
|
+
|
|
36
|
+
--section-gap: 160px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media (prefers-color-scheme: dark) {
|
|
40
|
+
:root {
|
|
41
|
+
--color-background: var(--vt-c-black);
|
|
42
|
+
--color-background-soft: var(--vt-c-black-soft);
|
|
43
|
+
--color-background-mute: var(--vt-c-black-mute);
|
|
44
|
+
|
|
45
|
+
--color-border: var(--vt-c-divider-dark-2);
|
|
46
|
+
--color-border-hover: var(--vt-c-divider-dark-1);
|
|
47
|
+
|
|
48
|
+
--color-heading: var(--vt-c-text-dark-1);
|
|
49
|
+
--color-text: var(--vt-c-text-dark-2);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
*,
|
|
54
|
+
*::before,
|
|
55
|
+
*::after {
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
margin: 0;
|
|
58
|
+
font-weight: normal;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
body {
|
|
62
|
+
min-height: 100vh;
|
|
63
|
+
color: var(--color-text);
|
|
64
|
+
background: var(--color-background);
|
|
65
|
+
transition:
|
|
66
|
+
color 0.5s,
|
|
67
|
+
background-color 0.5s;
|
|
68
|
+
line-height: 1.6;
|
|
69
|
+
font-family:
|
|
70
|
+
Inter,
|
|
71
|
+
-apple-system,
|
|
72
|
+
BlinkMacSystemFont,
|
|
73
|
+
'Segoe UI',
|
|
74
|
+
Roboto,
|
|
75
|
+
Oxygen,
|
|
76
|
+
Ubuntu,
|
|
77
|
+
Cantarell,
|
|
78
|
+
'Fira Sans',
|
|
79
|
+
'Droid Sans',
|
|
80
|
+
'Helvetica Neue',
|
|
81
|
+
sans-serif;
|
|
82
|
+
font-size: 15px;
|
|
83
|
+
text-rendering: optimizeLegibility;
|
|
84
|
+
-webkit-font-smoothing: antialiased;
|
|
85
|
+
-moz-osx-font-smoothing: grayscale;
|
|
86
|
+
}
|
package/src/assets/logo.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
|
package/src/assets/main.css
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
@import './base.css';
|
|
2
|
-
|
|
3
|
-
#app {
|
|
4
|
-
max-width: 1280px;
|
|
5
|
-
margin: 0 auto;
|
|
6
|
-
padding: 2rem;
|
|
7
|
-
font-weight: normal;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
a,
|
|
11
|
-
.green {
|
|
12
|
-
text-decoration: none;
|
|
13
|
-
color: hsla(160, 100%, 37%, 1);
|
|
14
|
-
transition: 0.4s;
|
|
15
|
-
padding: 3px;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
@media (hover: hover) {
|
|
19
|
-
a:hover {
|
|
20
|
-
background-color: hsla(160, 100%, 37%, 0.2);
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@media (min-width: 1024px) {
|
|
25
|
-
body {
|
|
26
|
-
display: flex;
|
|
27
|
-
place-items: center;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
#app {
|
|
31
|
-
display: grid;
|
|
32
|
-
grid-template-columns: 1fr 1fr;
|
|
33
|
-
padding: 0 2rem;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
1
|
+
@import './base.css';
|
|
2
|
+
|
|
3
|
+
#app {
|
|
4
|
+
max-width: 1280px;
|
|
5
|
+
margin: 0 auto;
|
|
6
|
+
padding: 2rem;
|
|
7
|
+
font-weight: normal;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
a,
|
|
11
|
+
.green {
|
|
12
|
+
text-decoration: none;
|
|
13
|
+
color: hsla(160, 100%, 37%, 1);
|
|
14
|
+
transition: 0.4s;
|
|
15
|
+
padding: 3px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@media (hover: hover) {
|
|
19
|
+
a:hover {
|
|
20
|
+
background-color: hsla(160, 100%, 37%, 0.2);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
@media (min-width: 1024px) {
|
|
25
|
+
body {
|
|
26
|
+
display: flex;
|
|
27
|
+
place-items: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
#app {
|
|
31
|
+
display: grid;
|
|
32
|
+
grid-template-columns: 1fr 1fr;
|
|
33
|
+
padding: 0 2rem;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
// global transition css
|
|
2
|
-
|
|
3
|
-
/* fade */
|
|
4
|
-
.fade-enter-active,
|
|
5
|
-
.fade-leave-active {
|
|
6
|
-
transition: opacity 0.28s;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.fade-enter,
|
|
10
|
-
.fade-leave-active {
|
|
11
|
-
opacity: 0;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/* fade-transform */
|
|
15
|
-
.fade-transform--move,
|
|
16
|
-
.fade-transform-leave-active,
|
|
17
|
-
.fade-transform-enter-active {
|
|
18
|
-
transition: all 0.5s;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.fade-transform-enter {
|
|
22
|
-
opacity: 0;
|
|
23
|
-
transform: translateX(-30px);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.fade-transform-leave-to {
|
|
27
|
-
opacity: 0;
|
|
28
|
-
transform: translateX(30px);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* breadcrumb transition */
|
|
32
|
-
.breadcrumb-enter-active,
|
|
33
|
-
.breadcrumb-leave-active {
|
|
34
|
-
transition: all 0.5s;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.breadcrumb-enter,
|
|
38
|
-
.breadcrumb-leave-active {
|
|
39
|
-
opacity: 0;
|
|
40
|
-
transform: translateX(20px);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.breadcrumb-move {
|
|
44
|
-
transition: all 0.5s;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.breadcrumb-leave-active {
|
|
48
|
-
position: absolute;
|
|
49
|
-
}
|
|
1
|
+
// global transition css
|
|
2
|
+
|
|
3
|
+
/* fade */
|
|
4
|
+
.fade-enter-active,
|
|
5
|
+
.fade-leave-active {
|
|
6
|
+
transition: opacity 0.28s;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.fade-enter,
|
|
10
|
+
.fade-leave-active {
|
|
11
|
+
opacity: 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* fade-transform */
|
|
15
|
+
.fade-transform--move,
|
|
16
|
+
.fade-transform-leave-active,
|
|
17
|
+
.fade-transform-enter-active {
|
|
18
|
+
transition: all 0.5s;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.fade-transform-enter {
|
|
22
|
+
opacity: 0;
|
|
23
|
+
transform: translateX(-30px);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.fade-transform-leave-to {
|
|
27
|
+
opacity: 0;
|
|
28
|
+
transform: translateX(30px);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* breadcrumb transition */
|
|
32
|
+
.breadcrumb-enter-active,
|
|
33
|
+
.breadcrumb-leave-active {
|
|
34
|
+
transition: all 0.5s;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.breadcrumb-enter,
|
|
38
|
+
.breadcrumb-leave-active {
|
|
39
|
+
opacity: 0;
|
|
40
|
+
transform: translateX(20px);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.breadcrumb-move {
|
|
44
|
+
transition: all 0.5s;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.breadcrumb-leave-active {
|
|
48
|
+
position: absolute;
|
|
49
|
+
}
|