@wsxjs/wsx-press 0.0.18 → 0.0.20

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wsxjs/wsx-press",
3
- "version": "0.0.18",
3
+ "version": "0.0.20",
4
4
  "description": "A VitePress-like documentation system built with WSXJS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -28,10 +28,10 @@
28
28
  "dependencies": {
29
29
  "fuse.js": "^7.0.0",
30
30
  "marked": "^12.0.0",
31
- "@wsxjs/wsx-core": "0.0.18",
32
- "@wsxjs/wsx-logger": "0.0.18",
33
- "@wsxjs/wsx-router": "0.0.18",
34
- "@wsxjs/wsx-marked-components": "0.0.18"
31
+ "@wsxjs/wsx-core": "0.0.20",
32
+ "@wsxjs/wsx-logger": "0.0.20",
33
+ "@wsxjs/wsx-marked-components": "0.0.20",
34
+ "@wsxjs/wsx-router": "0.0.20"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/fs-extra": "^11.0.4",
@@ -48,8 +48,8 @@
48
48
  "typescript": "^5.0.0",
49
49
  "vite": "^5.4.19",
50
50
  "vitest": "^2.0.0",
51
- "@wsxjs/eslint-plugin-wsx": "0.0.18",
52
- "@wsxjs/wsx-vite-plugin": "0.0.18"
51
+ "@wsxjs/wsx-vite-plugin": "0.0.20",
52
+ "@wsxjs/eslint-plugin-wsx": "0.0.20"
53
53
  },
54
54
  "peerDependencies": {
55
55
  "typedoc": "^0.26.0",
@@ -76,17 +76,10 @@ export default class DocLayout extends LightComponent {
76
76
  render() {
77
77
  return (
78
78
  <div class="doc-layout">
79
- <aside class="doc-layout-sidebar">
80
- {/* DocSidebar 实例将在这里动态创建 */}
81
- </aside>
82
- <main class="doc-layout-main">
83
- {/* DocPage 实例将在这里动态创建 */}
84
- </main>
85
- <aside class="doc-layout-toc">
86
- {/* DocTOC 实例将在这里动态创建 */}
87
- </aside>
79
+ <aside class="doc-layout-sidebar">{/* DocSidebar 实例将在这里动态创建 */}</aside>
80
+ <main class="doc-layout-main">{/* DocPage 实例将在这里动态创建 */}</main>
81
+ <aside class="doc-layout-toc">{/* DocTOC 实例将在这里动态创建 */}</aside>
88
82
  </div>
89
83
  );
90
84
  }
91
85
  }
92
-
@@ -110,4 +110,3 @@
110
110
  color: var(--wsx-press-text-secondary, #666);
111
111
  z-index: 1000;
112
112
  }
113
-
@@ -94,4 +94,3 @@ wsx-doc-sidebar {
94
94
  display: none; /* 在移动设备上隐藏侧边栏 */
95
95
  }
96
96
  }
97
-
@@ -170,4 +170,3 @@ export default class DocSidebar extends LightComponent {
170
170
  );
171
171
  }
172
172
  }
173
-
@@ -102,4 +102,3 @@ wsx-doc-toc {
102
102
  display: none; /* 在较小屏幕上隐藏 TOC */
103
103
  }
104
104
  }
105
-
@@ -5,69 +5,69 @@
5
5
 
6
6
  /* ===== 代码块容器 ===== */
7
7
  .wsx-press-code-block {
8
- position: relative;
9
- margin: var(--wsx-press-spacing-lg) 0;
8
+ position: relative;
9
+ margin: var(--wsx-press-spacing-lg) 0;
10
10
  }
11
11
 
12
12
  .wsx-press-code-block pre {
13
- margin: 0;
14
- border-radius: var(--wsx-press-radius-md);
13
+ margin: 0;
14
+ border-radius: var(--wsx-press-radius-md);
15
15
  }
16
16
 
17
17
  /* ===== 语言标签 ===== */
18
18
  .wsx-press-code-block[data-language]::before {
19
- content: attr(data-language);
20
- position: absolute;
21
- top: var(--wsx-press-spacing-sm);
22
- right: var(--wsx-press-spacing-md);
23
- padding: 0.2em 0.6em;
24
- font-family: var(--wsx-press-font-mono);
25
- font-size: var(--wsx-press-font-size-xs);
26
- color: var(--wsx-press-text-tertiary);
27
- background: var(--wsx-press-bg-tertiary);
28
- border: 1px solid var(--wsx-press-border);
29
- border-radius: var(--wsx-press-radius-sm);
30
- text-transform: uppercase;
31
- letter-spacing: 0.5px;
19
+ content: attr(data-language);
20
+ position: absolute;
21
+ top: var(--wsx-press-spacing-sm);
22
+ right: var(--wsx-press-spacing-md);
23
+ padding: 0.2em 0.6em;
24
+ font-family: var(--wsx-press-font-mono);
25
+ font-size: var(--wsx-press-font-size-xs);
26
+ color: var(--wsx-press-text-tertiary);
27
+ background: var(--wsx-press-bg-tertiary);
28
+ border: 1px solid var(--wsx-press-border);
29
+ border-radius: var(--wsx-press-radius-sm);
30
+ text-transform: uppercase;
31
+ letter-spacing: 0.5px;
32
32
  }
33
33
 
34
34
  /* ===== 行号 ===== */
35
35
  .wsx-press-code-line-numbers {
36
- display: flex;
36
+ display: flex;
37
37
  }
38
38
 
39
39
  .wsx-press-code-line-numbers .line-numbers {
40
- flex-shrink: 0;
41
- padding-right: var(--wsx-press-spacing-md);
42
- margin-right: var(--wsx-press-spacing-md);
43
- border-right: 1px solid var(--wsx-press-border);
44
- color: var(--wsx-press-text-tertiary);
45
- user-select: none;
46
- text-align: right;
40
+ flex-shrink: 0;
41
+ padding-right: var(--wsx-press-spacing-md);
42
+ margin-right: var(--wsx-press-spacing-md);
43
+ border-right: 1px solid var(--wsx-press-border);
44
+ color: var(--wsx-press-text-tertiary);
45
+ user-select: none;
46
+ text-align: right;
47
47
  }
48
48
 
49
49
  .wsx-press-code-line-numbers .line-content {
50
- flex: 1;
51
- overflow-x: auto;
50
+ flex: 1;
51
+ overflow-x: auto;
52
52
  }
53
53
 
54
54
  /* ===== 高亮行 ===== */
55
55
  .wsx-press-code-line.highlighted {
56
- background: var(--wsx-press-bg-tertiary);
57
- border-left: 4px solid var(--wsx-press-accent);
58
- padding-left: calc(var(--wsx-press-spacing-sm) - 4px);
59
- margin-left: calc(var(--wsx-press-spacing-sm) * -1);
56
+ background: var(--wsx-press-bg-tertiary);
57
+ border-left: 4px solid var(--wsx-press-accent);
58
+ padding-left: calc(var(--wsx-press-spacing-sm) - 4px);
59
+ margin-left: calc(var(--wsx-press-spacing-sm) * -1);
60
60
  }
61
61
 
62
62
  /* ===== 差异视图 ===== */
63
63
  .wsx-press-code-line.diff-add {
64
- background: rgba(46, 160, 67, 0.15);
65
- border-left: 4px solid #2ea043;
64
+ background: rgba(46, 160, 67, 0.15);
65
+ border-left: 4px solid #2ea043;
66
66
  }
67
67
 
68
68
  .wsx-press-code-line.diff-remove {
69
- background: rgba(248, 81, 73, 0.15);
70
- border-left: 4px solid #f85149;
69
+ background: rgba(248, 81, 73, 0.15);
70
+ border-left: 4px solid #f85149;
71
71
  }
72
72
 
73
73
  /* ===== 语法高亮(亮色模式) ===== */
@@ -75,11 +75,11 @@
75
75
  .wsx-press-code .token.prolog,
76
76
  .wsx-press-code .token.doctype,
77
77
  .wsx-press-code .token.cdata {
78
- color: #6a737d;
78
+ color: #6a737d;
79
79
  }
80
80
 
81
81
  .wsx-press-code .token.punctuation {
82
- color: #24292e;
82
+ color: #24292e;
83
83
  }
84
84
 
85
85
  .wsx-press-code .token.property,
@@ -89,7 +89,7 @@
89
89
  .wsx-press-code .token.constant,
90
90
  .wsx-press-code .token.symbol,
91
91
  .wsx-press-code .token.deleted {
92
- color: #005cc5;
92
+ color: #005cc5;
93
93
  }
94
94
 
95
95
  .wsx-press-code .token.selector,
@@ -98,7 +98,7 @@
98
98
  .wsx-press-code .token.char,
99
99
  .wsx-press-code .token.builtin,
100
100
  .wsx-press-code .token.inserted {
101
- color: #032f62;
101
+ color: #032f62;
102
102
  }
103
103
 
104
104
  .wsx-press-code .token.operator,
@@ -106,137 +106,137 @@
106
106
  .wsx-press-code .token.url,
107
107
  .wsx-press-code .language-css .token.string,
108
108
  .wsx-press-code .style .token.string {
109
- color: #d73a49;
109
+ color: #d73a49;
110
110
  }
111
111
 
112
112
  .wsx-press-code .token.atrule,
113
113
  .wsx-press-code .token.attr-value,
114
114
  .wsx-press-code .token.keyword {
115
- color: #d73a49;
115
+ color: #d73a49;
116
116
  }
117
117
 
118
118
  .wsx-press-code .token.function,
119
119
  .wsx-press-code .token.class-name {
120
- color: #6f42c1;
120
+ color: #6f42c1;
121
121
  }
122
122
 
123
123
  .wsx-press-code .token.regex,
124
124
  .wsx-press-code .token.important,
125
125
  .wsx-press-code .token.variable {
126
- color: #e36209;
126
+ color: #e36209;
127
127
  }
128
128
 
129
129
  /* ===== 语法高亮(暗色模式) ===== */
130
130
  @media (prefers-color-scheme: dark) {
131
- .wsx-press-code .token.comment,
132
- .wsx-press-code .token.prolog,
133
- .wsx-press-code .token.doctype,
134
- .wsx-press-code .token.cdata {
135
- color: #8b949e;
136
- }
137
-
138
- .wsx-press-code .token.punctuation {
139
- color: #c9d1d9;
140
- }
141
-
142
- .wsx-press-code .token.property,
143
- .wsx-press-code .token.tag,
144
- .wsx-press-code .token.boolean,
145
- .wsx-press-code .token.number,
146
- .wsx-press-code .token.constant,
147
- .wsx-press-code .token.symbol,
148
- .wsx-press-code .token.deleted {
149
- color: #79c0ff;
150
- }
151
-
152
- .wsx-press-code .token.selector,
153
- .wsx-press-code .token.attr-name,
154
- .wsx-press-code .token.string,
155
- .wsx-press-code .token.char,
156
- .wsx-press-code .token.builtin,
157
- .wsx-press-code .token.inserted {
158
- color: #a5d6ff;
159
- }
160
-
161
- .wsx-press-code .token.operator,
162
- .wsx-press-code .token.entity,
163
- .wsx-press-code .token.url,
164
- .wsx-press-code .language-css .token.string,
165
- .wsx-press-code .style .token.string {
166
- color: #ff7b72;
167
- }
168
-
169
- .wsx-press-code .token.atrule,
170
- .wsx-press-code .token.attr-value,
171
- .wsx-press-code .token.keyword {
172
- color: #ff7b72;
173
- }
174
-
175
- .wsx-press-code .token.function,
176
- .wsx-press-code .token.class-name {
177
- color: #d2a8ff;
178
- }
179
-
180
- .wsx-press-code .token.regex,
181
- .wsx-press-code .token.important,
182
- .wsx-press-code .token.variable {
183
- color: #ffa657;
184
- }
131
+ .wsx-press-code .token.comment,
132
+ .wsx-press-code .token.prolog,
133
+ .wsx-press-code .token.doctype,
134
+ .wsx-press-code .token.cdata {
135
+ color: #8b949e;
136
+ }
137
+
138
+ .wsx-press-code .token.punctuation {
139
+ color: #c9d1d9;
140
+ }
141
+
142
+ .wsx-press-code .token.property,
143
+ .wsx-press-code .token.tag,
144
+ .wsx-press-code .token.boolean,
145
+ .wsx-press-code .token.number,
146
+ .wsx-press-code .token.constant,
147
+ .wsx-press-code .token.symbol,
148
+ .wsx-press-code .token.deleted {
149
+ color: #79c0ff;
150
+ }
151
+
152
+ .wsx-press-code .token.selector,
153
+ .wsx-press-code .token.attr-name,
154
+ .wsx-press-code .token.string,
155
+ .wsx-press-code .token.char,
156
+ .wsx-press-code .token.builtin,
157
+ .wsx-press-code .token.inserted {
158
+ color: #a5d6ff;
159
+ }
160
+
161
+ .wsx-press-code .token.operator,
162
+ .wsx-press-code .token.entity,
163
+ .wsx-press-code .token.url,
164
+ .wsx-press-code .language-css .token.string,
165
+ .wsx-press-code .style .token.string {
166
+ color: #ff7b72;
167
+ }
168
+
169
+ .wsx-press-code .token.atrule,
170
+ .wsx-press-code .token.attr-value,
171
+ .wsx-press-code .token.keyword {
172
+ color: #ff7b72;
173
+ }
174
+
175
+ .wsx-press-code .token.function,
176
+ .wsx-press-code .token.class-name {
177
+ color: #d2a8ff;
178
+ }
179
+
180
+ .wsx-press-code .token.regex,
181
+ .wsx-press-code .token.important,
182
+ .wsx-press-code .token.variable {
183
+ color: #ffa657;
184
+ }
185
185
  }
186
186
 
187
187
  [data-theme="dark"] {
188
- .wsx-press-code .token.comment,
189
- .wsx-press-code .token.prolog,
190
- .wsx-press-code .token.doctype,
191
- .wsx-press-code .token.cdata {
192
- color: #8b949e;
193
- }
194
-
195
- .wsx-press-code .token.punctuation {
196
- color: #c9d1d9;
197
- }
198
-
199
- .wsx-press-code .token.property,
200
- .wsx-press-code .token.tag,
201
- .wsx-press-code .token.boolean,
202
- .wsx-press-code .token.number,
203
- .wsx-press-code .token.constant,
204
- .wsx-press-code .token.symbol,
205
- .wsx-press-code .token.deleted {
206
- color: #79c0ff;
207
- }
208
-
209
- .wsx-press-code .token.selector,
210
- .wsx-press-code .token.attr-name,
211
- .wsx-press-code .token.string,
212
- .wsx-press-code .token.char,
213
- .wsx-press-code .token.builtin,
214
- .wsx-press-code .token.inserted {
215
- color: #a5d6ff;
216
- }
217
-
218
- .wsx-press-code .token.operator,
219
- .wsx-press-code .token.entity,
220
- .wsx-press-code .token.url,
221
- .wsx-press-code .language-css .token.string,
222
- .wsx-press-code .style .token.string {
223
- color: #ff7b72;
224
- }
225
-
226
- .wsx-press-code .token.atrule,
227
- .wsx-press-code .token.attr-value,
228
- .wsx-press-code .token.keyword {
229
- color: #ff7b72;
230
- }
231
-
232
- .wsx-press-code .token.function,
233
- .wsx-press-code .token.class-name {
234
- color: #d2a8ff;
235
- }
236
-
237
- .wsx-press-code .token.regex,
238
- .wsx-press-code .token.important,
239
- .wsx-press-code .token.variable {
240
- color: #ffa657;
241
- }
188
+ .wsx-press-code .token.comment,
189
+ .wsx-press-code .token.prolog,
190
+ .wsx-press-code .token.doctype,
191
+ .wsx-press-code .token.cdata {
192
+ color: #8b949e;
193
+ }
194
+
195
+ .wsx-press-code .token.punctuation {
196
+ color: #c9d1d9;
197
+ }
198
+
199
+ .wsx-press-code .token.property,
200
+ .wsx-press-code .token.tag,
201
+ .wsx-press-code .token.boolean,
202
+ .wsx-press-code .token.number,
203
+ .wsx-press-code .token.constant,
204
+ .wsx-press-code .token.symbol,
205
+ .wsx-press-code .token.deleted {
206
+ color: #79c0ff;
207
+ }
208
+
209
+ .wsx-press-code .token.selector,
210
+ .wsx-press-code .token.attr-name,
211
+ .wsx-press-code .token.string,
212
+ .wsx-press-code .token.char,
213
+ .wsx-press-code .token.builtin,
214
+ .wsx-press-code .token.inserted {
215
+ color: #a5d6ff;
216
+ }
217
+
218
+ .wsx-press-code .token.operator,
219
+ .wsx-press-code .token.entity,
220
+ .wsx-press-code .token.url,
221
+ .wsx-press-code .language-css .token.string,
222
+ .wsx-press-code .style .token.string {
223
+ color: #ff7b72;
224
+ }
225
+
226
+ .wsx-press-code .token.atrule,
227
+ .wsx-press-code .token.attr-value,
228
+ .wsx-press-code .token.keyword {
229
+ color: #ff7b72;
230
+ }
231
+
232
+ .wsx-press-code .token.function,
233
+ .wsx-press-code .token.class-name {
234
+ color: #d2a8ff;
235
+ }
236
+
237
+ .wsx-press-code .token.regex,
238
+ .wsx-press-code .token.important,
239
+ .wsx-press-code .token.variable {
240
+ color: #ffa657;
241
+ }
242
242
  }
@@ -4,9 +4,9 @@
4
4
  */
5
5
 
6
6
  /* 基础样式 */
7
- @import './reset.css';
8
- @import './theme.css';
7
+ @import "./reset.css";
8
+ @import "./theme.css";
9
9
 
10
10
  /* 内容样式 */
11
- @import './typography.css';
12
- @import './code.css';
11
+ @import "./typography.css";
12
+ @import "./code.css";
@@ -7,7 +7,7 @@
7
7
  .wsx-press-reset *,
8
8
  .wsx-press-reset *::before,
9
9
  .wsx-press-reset *::after {
10
- box-sizing: border-box;
10
+ box-sizing: border-box;
11
11
  }
12
12
 
13
13
  /* ===== 移除默认 margin ===== */
@@ -25,61 +25,61 @@
25
25
  .wsx-press-reset blockquote,
26
26
  .wsx-press-reset figure,
27
27
  .wsx-press-reset pre {
28
- margin: 0;
28
+ margin: 0;
29
29
  }
30
30
 
31
31
  /* ===== 移除列表样式 ===== */
32
32
  .wsx-press-reset ul,
33
33
  .wsx-press-reset ol {
34
- padding: 0;
35
- list-style: none;
34
+ padding: 0;
35
+ list-style: none;
36
36
  }
37
37
 
38
38
  /* ===== 重置 blockquote ===== */
39
39
  .wsx-press-reset blockquote {
40
- padding: 0;
41
- quotes: none;
40
+ padding: 0;
41
+ quotes: none;
42
42
  }
43
43
 
44
44
  /* ===== 表格重置 ===== */
45
45
  .wsx-press-reset table {
46
- border-collapse: collapse;
47
- border-spacing: 0;
46
+ border-collapse: collapse;
47
+ border-spacing: 0;
48
48
  }
49
49
 
50
50
  /* ===== 按钮重置 ===== */
51
51
  .wsx-press-reset button {
52
- background: none;
53
- border: none;
54
- padding: 0;
55
- font: inherit;
56
- color: inherit;
57
- cursor: pointer;
52
+ background: none;
53
+ border: none;
54
+ padding: 0;
55
+ font: inherit;
56
+ color: inherit;
57
+ cursor: pointer;
58
58
  }
59
59
 
60
60
  .wsx-press-reset button:disabled {
61
- cursor: not-allowed;
61
+ cursor: not-allowed;
62
62
  }
63
63
 
64
64
  /* ===== 输入框重置 ===== */
65
65
  .wsx-press-reset input,
66
66
  .wsx-press-reset textarea,
67
67
  .wsx-press-reset select {
68
- font: inherit;
69
- color: inherit;
68
+ font: inherit;
69
+ color: inherit;
70
70
  }
71
71
 
72
72
  /* ===== 链接重置 ===== */
73
73
  .wsx-press-reset a {
74
- color: inherit;
75
- text-decoration: inherit;
74
+ color: inherit;
75
+ text-decoration: inherit;
76
76
  }
77
77
 
78
78
  /* ===== 图片重置 ===== */
79
79
  .wsx-press-reset img,
80
80
  .wsx-press-reset svg {
81
- display: block;
82
- max-width: 100%;
81
+ display: block;
82
+ max-width: 100%;
83
83
  }
84
84
 
85
85
  /* ===== Code 重置 ===== */
@@ -87,30 +87,30 @@
87
87
  .wsx-press-reset kbd,
88
88
  .wsx-press-reset samp,
89
89
  .wsx-press-reset pre {
90
- font-family: var(--wsx-press-font-mono, monospace);
90
+ font-family: var(--wsx-press-font-mono, monospace);
91
91
  }
92
92
 
93
93
  /* ===== 滚动条样式(可选) ===== */
94
94
  .wsx-press-reset ::-webkit-scrollbar {
95
- width: 8px;
96
- height: 8px;
95
+ width: 8px;
96
+ height: 8px;
97
97
  }
98
98
 
99
99
  .wsx-press-reset ::-webkit-scrollbar-track {
100
- background: var(--wsx-press-bg-secondary);
100
+ background: var(--wsx-press-bg-secondary);
101
101
  }
102
102
 
103
103
  .wsx-press-reset ::-webkit-scrollbar-thumb {
104
- background: var(--wsx-press-border-hover);
105
- border-radius: var(--wsx-press-radius-sm);
104
+ background: var(--wsx-press-border-hover);
105
+ border-radius: var(--wsx-press-radius-sm);
106
106
  }
107
107
 
108
108
  .wsx-press-reset ::-webkit-scrollbar-thumb:hover {
109
- background: var(--wsx-press-text-tertiary);
109
+ background: var(--wsx-press-text-tertiary);
110
110
  }
111
111
 
112
112
  /* Firefox 滚动条 */
113
113
  .wsx-press-reset * {
114
- scrollbar-width: thin;
115
- scrollbar-color: var(--wsx-press-border-hover) var(--wsx-press-bg-secondary);
114
+ scrollbar-width: thin;
115
+ scrollbar-color: var(--wsx-press-border-hover) var(--wsx-press-bg-secondary);
116
116
  }