adtec-core-package 1.6.1 → 1.6.3

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.
Files changed (146) hide show
  1. package/.editorconfig +6 -6
  2. package/.prettierrc.json +7 -7
  3. package/.vscode/extensions.json +8 -8
  4. package/README.md +39 -39
  5. package/env.d.ts +1 -1
  6. package/eslint.config.js +56 -56
  7. package/index.html +13 -13
  8. package/package.json +2 -1
  9. package/src/App.vue +9 -9
  10. package/src/assets/base.css +86 -86
  11. package/src/assets/logo.svg +1 -1
  12. package/src/assets/main.css +35 -35
  13. package/src/assets/style/transition.scss +49 -49
  14. package/src/components/RichTextEditor/RichTextEditor.vue +66 -0
  15. package/src/components/icon/ElIcons.vue +38 -38
  16. package/src/components/workflow/TaskOperation.vue +6 -2
  17. package/src/components/workflow/components/CheckDialog.vue +8 -1
  18. package/src/css/elementUI/affix.scss +7 -7
  19. package/src/css/elementUI/alert.scss +115 -115
  20. package/src/css/elementUI/anchor-link.scss +41 -41
  21. package/src/css/elementUI/anchor.scss +88 -88
  22. package/src/css/elementUI/aside.scss +8 -8
  23. package/src/css/elementUI/avatar.scss +55 -55
  24. package/src/css/elementUI/backtop.scss +29 -29
  25. package/src/css/elementUI/badge.scss +58 -58
  26. package/src/css/elementUI/base.scss +3 -3
  27. package/src/css/elementUI/breadcrumb.scss +62 -62
  28. package/src/css/elementUI/button-group.scss +80 -80
  29. package/src/css/elementUI/button.scss +304 -304
  30. package/src/css/elementUI/calendar.scss +80 -80
  31. package/src/css/elementUI/card.scss +45 -45
  32. package/src/css/elementUI/carousel-item.scss +58 -58
  33. package/src/css/elementUI/carousel.scss +188 -188
  34. package/src/css/elementUI/cascader-panel.scss +138 -138
  35. package/src/css/elementUI/cascader.scss +230 -230
  36. package/src/css/elementUI/check-tag.scss +60 -60
  37. package/src/css/elementUI/checkbox-button.scss +140 -140
  38. package/src/css/elementUI/checkbox-group.scss +7 -7
  39. package/src/css/elementUI/col.scss +48 -48
  40. package/src/css/elementUI/collapse.scss +70 -70
  41. package/src/css/elementUI/color/index.scss +20 -20
  42. package/src/css/elementUI/color-picker.scss +392 -392
  43. package/src/css/elementUI/common/popup.scss +47 -47
  44. package/src/css/elementUI/common/transition.scss +122 -122
  45. package/src/css/elementUI/container.scss +14 -14
  46. package/src/css/elementUI/dark/css-vars.scss +39 -39
  47. package/src/css/elementUI/dark/var.scss +222 -222
  48. package/src/css/elementUI/date-picker/date-picker.scss +110 -110
  49. package/src/css/elementUI/date-picker/date-range-picker.scss +113 -113
  50. package/src/css/elementUI/date-picker/date-table.scss +158 -158
  51. package/src/css/elementUI/date-picker/month-table.scss +112 -112
  52. package/src/css/elementUI/date-picker/picker-panel.scss +131 -131
  53. package/src/css/elementUI/date-picker/time-picker.scss +90 -90
  54. package/src/css/elementUI/date-picker/time-range-picker.scss +33 -33
  55. package/src/css/elementUI/date-picker/time-spinner.scss +111 -111
  56. package/src/css/elementUI/date-picker/year-table.scss +108 -108
  57. package/src/css/elementUI/date-picker.scss +9 -9
  58. package/src/css/elementUI/descriptions-item.scss +73 -73
  59. package/src/css/elementUI/dialog.scss +199 -199
  60. package/src/css/elementUI/display.scss +12 -12
  61. package/src/css/elementUI/divider.scss +48 -48
  62. package/src/css/elementUI/dropdown.scss +208 -208
  63. package/src/css/elementUI/empty.scss +49 -49
  64. package/src/css/elementUI/footer.scss +12 -12
  65. package/src/css/elementUI/form.scss +243 -243
  66. package/src/css/elementUI/header.scss +12 -12
  67. package/src/css/elementUI/icon.scss +45 -45
  68. package/src/css/elementUI/image-viewer.scss +139 -139
  69. package/src/css/elementUI/image.scss +49 -49
  70. package/src/css/elementUI/index.scss +110 -110
  71. package/src/css/elementUI/input-number.scss +178 -178
  72. package/src/css/elementUI/input.scss +478 -478
  73. package/src/css/elementUI/link.scss +90 -90
  74. package/src/css/elementUI/loading.scss +104 -104
  75. package/src/css/elementUI/main.scss +14 -14
  76. package/src/css/elementUI/mention.scss +88 -88
  77. package/src/css/elementUI/menu.scss +339 -339
  78. package/src/css/elementUI/message-box.scss +213 -213
  79. package/src/css/elementUI/message.scss +98 -98
  80. package/src/css/elementUI/mixins/_button.scss +165 -165
  81. package/src/css/elementUI/mixins/_col.scss +33 -33
  82. package/src/css/elementUI/mixins/_var.scss +67 -67
  83. package/src/css/elementUI/mixins/config.scss +5 -5
  84. package/src/css/elementUI/mixins/function.scss +88 -88
  85. package/src/css/elementUI/mixins/mixins.scss +237 -237
  86. package/src/css/elementUI/mixins/utils.scss +39 -39
  87. package/src/css/elementUI/notification.scss +104 -104
  88. package/src/css/elementUI/option-group.scss +33 -33
  89. package/src/css/elementUI/option.scss +71 -71
  90. package/src/css/elementUI/overlay.scss +17 -17
  91. package/src/css/elementUI/page-header.scss +60 -60
  92. package/src/css/elementUI/pagination.scss +238 -238
  93. package/src/css/elementUI/popconfirm.scss +16 -16
  94. package/src/css/elementUI/popover.scss +61 -61
  95. package/src/css/elementUI/popper.scss +106 -106
  96. package/src/css/elementUI/progress.scss +179 -179
  97. package/src/css/elementUI/radio-button.scss +169 -169
  98. package/src/css/elementUI/radio-group.scss +9 -9
  99. package/src/css/elementUI/rate.scss +108 -108
  100. package/src/css/elementUI/reset.scss +98 -98
  101. package/src/css/elementUI/result.scss +57 -57
  102. package/src/css/elementUI/row.scss +35 -35
  103. package/src/css/elementUI/scrollbar.scss +97 -97
  104. package/src/css/elementUI/segmented.scss +183 -183
  105. package/src/css/elementUI/select-dropdown-v2.scss +1 -1
  106. package/src/css/elementUI/select-dropdown.scss +57 -57
  107. package/src/css/elementUI/select-v2.scss +4 -4
  108. package/src/css/elementUI/select.scss +253 -253
  109. package/src/css/elementUI/skeleton-item.scss +83 -83
  110. package/src/css/elementUI/skeleton.scss +44 -44
  111. package/src/css/elementUI/slider.scss +212 -212
  112. package/src/css/elementUI/space.scss +20 -20
  113. package/src/css/elementUI/spinner.scss +43 -43
  114. package/src/css/elementUI/statistic.scss +35 -35
  115. package/src/css/elementUI/step.scss +316 -316
  116. package/src/css/elementUI/steps.scss +21 -21
  117. package/src/css/elementUI/switch.scss +300 -300
  118. package/src/css/elementUI/table-column.scss +98 -98
  119. package/src/css/elementUI/table-v2.scss +236 -236
  120. package/src/css/elementUI/tag.scss +181 -181
  121. package/src/css/elementUI/text.scss +51 -51
  122. package/src/css/elementUI/time-picker.scss +5 -5
  123. package/src/css/elementUI/time-select.scss +37 -37
  124. package/src/css/elementUI/timeline-item.scss +84 -84
  125. package/src/css/elementUI/timeline.scss +46 -46
  126. package/src/css/elementUI/tooltip-v2.scss +95 -95
  127. package/src/css/elementUI/tour.scss +187 -187
  128. package/src/css/elementUI/transfer.scss +203 -203
  129. package/src/css/elementUI/tree-select.scss +41 -41
  130. package/src/css/elementUI/tree.scss +134 -134
  131. package/src/css/elementUI/upload.scss +654 -654
  132. package/src/css/elementUI/var.scss +87 -87
  133. package/src/css/elementUI/virtual-list.scss +40 -40
  134. package/src/interface/enum/FlexEnum.ts +85 -85
  135. package/src/main.ts +14 -14
  136. package/src/router/index.ts +23 -23
  137. package/src/utils/FrameworkUtils.ts +335 -335
  138. package/src/utils/encrypt.ts +10 -10
  139. package/tsconfig.app.json +12 -12
  140. package/tsconfig.json +11 -11
  141. package/tsconfig.node.json +18 -18
  142. package/vite.config.ts +38 -38
  143. package/adtec-core-package/adtec-core-package.css +0 -1
  144. package/adtec-core-package/adtec-core-package.js +0 -41605
  145. package/adtec-core-package/adtec-core-package.umd.cjs +0 -79
  146. package/adtec-core-package/favicon.ico +0 -0
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
+ }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "adtec-core-package",
3
- "version": "1.6.1",
3
+ "version": "1.6.3",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
@@ -25,6 +25,7 @@
25
25
  "crypto-js": "^4.2.0",
26
26
  "echarts": "^5.6.0",
27
27
  "element-plus": "2.8.7",
28
+ "exceljs": "4.4.0",
28
29
  "jsencrypt": "^3.3.2",
29
30
  "linq-to-ts": "^1.3.0",
30
31
  "pinia": "^2.3.0",
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>
@@ -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
+ }
@@ -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>
@@ -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
+ }