vitepress-theme-element-plus 1.3.0 → 1.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.
Files changed (42) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +3 -3
  3. package/client/components/A11yTag.vue +29 -29
  4. package/client/components/ApiTyping.vue +54 -54
  5. package/client/components/Backdrop.vue +41 -41
  6. package/client/components/Bili.vue +94 -94
  7. package/client/components/Content.vue +148 -148
  8. package/client/components/DeprecatedTag.vue +19 -19
  9. package/client/components/Doc.vue +185 -185
  10. package/client/components/DocAside.vue +46 -46
  11. package/client/components/DocAsideOutline.vue +145 -145
  12. package/client/components/DocFooter.vue +162 -162
  13. package/client/components/Footer.vue +100 -100
  14. package/client/components/FooterCopyright.vue +27 -27
  15. package/client/components/Layout.vue +156 -156
  16. package/client/components/Link.vue +41 -41
  17. package/client/components/LocalNav.vue +160 -160
  18. package/client/components/Nav.vue +69 -69
  19. package/client/components/NavBar.vue +203 -203
  20. package/client/components/NavBarTitle.vue +89 -89
  21. package/client/components/Sidebar.vue +129 -129
  22. package/client/components/SidebarGroup.vue +51 -51
  23. package/client/components/SidebarItem.vue +304 -304
  24. package/client/components/ThemeToggler.vue +129 -129
  25. package/client/components/VPNavBarSearch.vue +23 -23
  26. package/client/hooks/useBackTop.ts +71 -71
  27. package/client/hooks/useLangs.ts +50 -50
  28. package/client/hooks/useSidebarControl.ts +78 -78
  29. package/client/hooks/useSize.ts +69 -69
  30. package/client/icons/dark.vue +8 -8
  31. package/client/icons/light.vue +8 -8
  32. package/client/utils/client/common.ts +49 -49
  33. package/client/utils/client/outline.ts +133 -126
  34. package/client/utils/common.ts +90 -90
  35. package/index.ts +45 -45
  36. package/package.json +2 -2
  37. package/shared/constants.ts +3 -3
  38. package/styles/base.scss +105 -105
  39. package/styles/code.scss +290 -290
  40. package/styles/doc-content.scss +363 -363
  41. package/styles/index.scss +71 -71
  42. package/styles/tag-content.scss +30 -30
package/styles/index.scss CHANGED
@@ -1,71 +1,71 @@
1
- // #region snippet
2
- :root {
3
- --vp-layout-max-width: 1680px;
4
- --vp-screen-max-width: 1362px;
5
- --vp-sidebar-width-mobile: 320px;
6
- --vp-sidebar-width-small: 266px;
7
- --vp-nav-height: 55px;
8
- --vp-nav-logo-height: 28px;
9
- --vp-c-brand: var(--el-color-primary);
10
- --vp-c-brand-1: var(--vp-c-brand);
11
- --vp-c-brand-3: var(--el-color-primary-light-3);
12
- --vp-c-brand-soft: var(--el-color-primary-light-9);
13
- --vp-c-bg: var(--el-bg-color);
14
- --text-color: var(--el-text-color-primary);
15
- --text-color-light: var(--el-text-color-regular);
16
- --text-color-lighter: var(--el-text-color-secondary);
17
- --bg-brand-color: var(--vp-c-brand-soft);
18
- --bg-color: var(--el-bg-color);
19
- --border-color: var(--el-border-color);
20
- --font-family: var(--el-font-family);
21
- --font-family-mono: 'JetBrains Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
22
- --code-font-family: var(--font-family-mono);
23
- --code-font-size: var(--el-font-size-base);
24
- --code-bg-color: var(--el-fill-color-light);
25
- --code-text-color: var(--text-color);
26
- --code-tooltip-bg-color: var(--code-bg-color);
27
- --code-tooltip-color: #0c61c9;
28
- --purple-color: #6222c2;
29
- --purple-color-light: #9065db;
30
- --block-tip-bg-color: rgba(var(--el-color-primary-rgb), 0.1);
31
- --block-warning-bg-color: rgba(var(--el-color-danger-rgb), 0.1);
32
- --link-active-bg-color: rgba(var(--el-color-primary-rgb), 0.1);
33
- }
34
-
35
- :root.dark {
36
- --vp-c-brand: #a8b1ff;
37
- }
38
- // #endregion snippet
39
-
40
- @media screen and (min-width: 1440px) {
41
- :root {
42
- --vp-sidebar-width-small: 234px;
43
- }
44
- }
45
-
46
- @media screen and (min-width: 1680px) {
47
- :root {
48
- --vp-screen-max-width: 1482px;
49
- --vp-sidebar-width-small: 290px;
50
- }
51
- }
52
-
53
- // fix "vitepress-plugin-group-icons" problem
54
- .vp-code-block-title-bar.vp-code-block-title-bar {
55
- margin: 16px 0px 0px;
56
- }
57
-
58
- .vp-code-group .tabs.tabs {
59
- margin-right: 0px;
60
- margin-left: 0px;
61
- border-radius: 8px 8px 0px 0px;
62
- }
63
-
64
- :is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(
65
- :is(.no-icon, svg a, :has(img, svg))
66
- )::after {
67
- --icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z' /></svg>");
68
- width: 16px;
69
- height: 16px;
70
- vertical-align: text-bottom;
71
- }
1
+ // #region snippet
2
+ :root {
3
+ --vp-layout-max-width: 1680px;
4
+ --vp-screen-max-width: 1362px;
5
+ --vp-sidebar-width-mobile: 320px;
6
+ --vp-sidebar-width-small: 266px;
7
+ --vp-nav-height: 55px;
8
+ --vp-nav-logo-height: 28px;
9
+ --vp-c-brand: var(--el-color-primary);
10
+ --vp-c-brand-1: var(--vp-c-brand);
11
+ --vp-c-brand-3: var(--el-color-primary-light-3);
12
+ --vp-c-brand-soft: var(--el-color-primary-light-9);
13
+ --vp-c-bg: var(--el-bg-color);
14
+ --text-color: var(--el-text-color-primary);
15
+ --text-color-light: var(--el-text-color-regular);
16
+ --text-color-lighter: var(--el-text-color-secondary);
17
+ --bg-brand-color: var(--vp-c-brand-soft);
18
+ --bg-color: var(--el-bg-color);
19
+ --border-color: var(--el-border-color);
20
+ --font-family: var(--el-font-family);
21
+ --font-family-mono: 'JetBrains Mono', source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
22
+ --code-font-family: var(--font-family-mono);
23
+ --code-font-size: var(--el-font-size-base);
24
+ --code-bg-color: var(--el-fill-color-light);
25
+ --code-text-color: var(--text-color);
26
+ --code-tooltip-bg-color: var(--code-bg-color);
27
+ --code-tooltip-color: #0c61c9;
28
+ --purple-color: #6222c2;
29
+ --purple-color-light: #9065db;
30
+ --block-tip-bg-color: rgba(var(--el-color-primary-rgb), 0.1);
31
+ --block-warning-bg-color: rgba(var(--el-color-danger-rgb), 0.1);
32
+ --link-active-bg-color: rgba(var(--el-color-primary-rgb), 0.1);
33
+ }
34
+
35
+ :root.dark {
36
+ --vp-c-brand: #a8b1ff;
37
+ }
38
+ // #endregion snippet
39
+
40
+ @media screen and (min-width: 1440px) {
41
+ :root {
42
+ --vp-sidebar-width-small: 234px;
43
+ }
44
+ }
45
+
46
+ @media screen and (min-width: 1680px) {
47
+ :root {
48
+ --vp-screen-max-width: 1482px;
49
+ --vp-sidebar-width-small: 290px;
50
+ }
51
+ }
52
+
53
+ // fix "vitepress-plugin-group-icons" problem
54
+ .vp-code-block-title-bar.vp-code-block-title-bar {
55
+ margin: 16px 0px 0px;
56
+ }
57
+
58
+ .vp-code-group .tabs.tabs {
59
+ margin-right: 0px;
60
+ margin-left: 0px;
61
+ border-radius: 8px 8px 0px 0px;
62
+ }
63
+
64
+ :is(.vp-external-link-icon, .vp-doc a[href*='://'], .vp-doc a[target='_blank']):not(
65
+ :is(.no-icon, svg a, :has(img, svg))
66
+ )::after {
67
+ --icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='currentColor' d='M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z' /></svg>");
68
+ width: 16px;
69
+ height: 16px;
70
+ vertical-align: text-bottom;
71
+ }
package/styles/tag-content.scss CHANGED
@@ -1,30 +1,30 @@
1
- .vp-tag {
2
- --vp-tag-color: var(--vp-c-brand);
3
- --vp-tag-border-color: var(--vp-c-brand);
4
-
5
- display: inline-block;
6
- padding: 0 7px;
7
- border-radius: 10px;
8
- border: 1px solid var(--vp-tag-border-color);
9
- font-size: var(--el-font-size-extra-small);
10
- color: var(--vp-tag-color);
11
- line-height: 18px;
12
- white-space: nowrap;
13
-
14
- &.beta {
15
- --vp-tag-color: var(--el-color-danger);
16
- --vp-tag-border-color: var(--el-color-danger);
17
- }
18
- &.deprecated {
19
- --vp-tag-color: var(--el-color-warning);
20
- --vp-tag-border-color: var(--el-color-warning);
21
- }
22
- &.a11y {
23
- --vp-tag-color: var(--purple-color);
24
- --vp-tag-border-color: var(--purple-color-light);
25
- }
26
- &.required {
27
- --vp-tag-color: var(--el-color-success);
28
- --vp-tag-border-color: var(--el-color-success);
29
- }
30
- }
1
+ .vp-tag {
2
+ --vp-tag-color: var(--vp-c-brand);
3
+ --vp-tag-border-color: var(--vp-c-brand);
4
+
5
+ display: inline-block;
6
+ padding: 0 7px;
7
+ border-radius: 10px;
8
+ border: 1px solid var(--vp-tag-border-color);
9
+ font-size: var(--el-font-size-extra-small);
10
+ color: var(--vp-tag-color);
11
+ line-height: 18px;
12
+ white-space: nowrap;
13
+
14
+ &.beta {
15
+ --vp-tag-color: var(--el-color-danger);
16
+ --vp-tag-border-color: var(--el-color-danger);
17
+ }
18
+ &.deprecated {
19
+ --vp-tag-color: var(--el-color-warning);
20
+ --vp-tag-border-color: var(--el-color-warning);
21
+ }
22
+ &.a11y {
23
+ --vp-tag-color: var(--purple-color);
24
+ --vp-tag-border-color: var(--purple-color-light);
25
+ }
26
+ &.required {
27
+ --vp-tag-color: var(--el-color-success);
28
+ --vp-tag-border-color: var(--el-color-success);
29
+ }
30
+ }