neko-ui 2.9.1 → 2.9.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 (47) hide show
  1. package/es/code/index.d.ts +8 -11
  2. package/es/code/index.js +1 -2
  3. package/es/code/index.js.map +1 -1
  4. package/es/code/style.d.ts +2 -0
  5. package/es/code/style.js +191 -57
  6. package/es/code/style.js.map +1 -1
  7. package/es/index.d.ts +1 -1
  8. package/es/index.js.map +1 -1
  9. package/es/md/index.d.ts +0 -4
  10. package/es/md/index.js +1 -1
  11. package/es/md/index.js.map +1 -1
  12. package/es/md/worker.js +1 -1
  13. package/es/md/worker.js.map +1 -1
  14. package/es/prism/index.d.ts +3 -8
  15. package/es/prism/index.js +1 -1
  16. package/es/prism/index.js.map +1 -1
  17. package/es/qrcode/index.d.ts +16 -0
  18. package/es/qrcode/index.js.map +1 -1
  19. package/es/qrcode/qrcode.js.map +1 -1
  20. package/lib/code/index.d.ts +8 -11
  21. package/lib/code/index.js +1 -2
  22. package/lib/code/index.js.map +1 -1
  23. package/lib/code/style.d.ts +2 -0
  24. package/lib/code/style.js +192 -58
  25. package/lib/code/style.js.map +1 -1
  26. package/lib/index.d.ts +1 -1
  27. package/lib/index.js.map +1 -1
  28. package/lib/md/index.d.ts +0 -4
  29. package/lib/md/index.js +1 -1
  30. package/lib/md/index.js.map +1 -1
  31. package/lib/md/worker.js +1 -1
  32. package/lib/md/worker.js.map +1 -1
  33. package/lib/prism/index.d.ts +3 -8
  34. package/lib/prism/index.js +1 -1
  35. package/lib/prism/index.js.map +1 -1
  36. package/lib/qrcode/index.d.ts +16 -0
  37. package/lib/qrcode/index.js.map +1 -1
  38. package/lib/qrcode/qrcode.js.map +1 -1
  39. package/package.json +3 -3
  40. package/umd/index.js +1 -2
  41. package/es/prism/css.d.ts +0 -2
  42. package/es/prism/css.js +0 -487
  43. package/es/prism/css.js.map +0 -1
  44. package/lib/prism/css.d.ts +0 -2
  45. package/lib/prism/css.js +0 -487
  46. package/lib/prism/css.js.map +0 -1
  47. package/umd/js/b0b7ef40820a295f.js +0 -1
package/lib/prism/css.js DELETED
@@ -1,487 +0,0 @@
1
- "use strict";var o;Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return t}});const e=require("solid-js"),r=require("@moneko/css"),n=(o=require("../theme"))&&o.__esModule?o:{default:o},t=(0,e.createRoot)(()=>{let{isDark:o}=n.default,t=(0,r.css)`
2
- [data-copy]::before {
3
- position: absolute;
4
- inset-block-start: 32px;
5
- inset-inline: 0;
6
- z-index: 1;
7
- display: inline-block;
8
- margin: auto;
9
- border: 1px solid;
10
- border-radius: var(--border-radius);
11
- padding: 4px 8px;
12
- inline-size: fit-content;
13
- font-size: var(--font-size-sm);
14
- transition:
15
- background-color 0.3s,
16
- color 0.3s,
17
- border-color 0.3s;
18
- animation-fill-mode: forwards;
19
- content: '复制成功';
20
- }
21
-
22
- [data-copy='success']::before {
23
- border-color: var(--success-border);
24
- color: var(--success-color);
25
- background-color: var(--success-bg);
26
- animation: copy-slide-in var(--transition-duration) var(--transition-timing-function);
27
- content: '复制成功';
28
- }
29
-
30
- [data-copy='failure']::before {
31
- border-color: var(--error-border);
32
- color: var(--error-color);
33
- background-color: var(--error-bg);
34
- animation:
35
- copy-slide-in var(--transition-duration) var(--transition-timing-function),
36
- error 1s var(--transition-timing-function) 1s;
37
- content: '复制失败';
38
- }
39
-
40
- [data-copy-exit]::before {
41
- animation: copy-slide-out var(--transition-duration) forwards
42
- var(--transition-timing-function);
43
- }
44
-
45
- @keyframes copy-slide-in {
46
- from {
47
- transform: translate3d(0, -100%, 0) scale(0);
48
- opacity: 0;
49
- }
50
-
51
- to {
52
- transform: translate3d(0, 0, 0) scale(1);
53
- opacity: 1;
54
- }
55
- }
56
-
57
- @keyframes copy-slide-out {
58
- from {
59
- transform: translate3d(0, 0, 0) scale(1);
60
- opacity: 1;
61
- }
62
-
63
- to {
64
- transform: translate3d(0, -100%, 0) scale(0);
65
- opacity: 0;
66
- }
67
- }
68
-
69
- pre > code {
70
- display: block;
71
- overflow: auto;
72
- margin: 0 16px 8px;
73
- padding: 32px 0 8px;
74
- max-inline-size: 100%;
75
- font-size: var(--font-size);
76
- white-space: pre-wrap;
77
- line-height: 1.8;
78
- pointer-events: auto;
79
- transition-duration: var(--transition-duration);
80
- transition-timing-function: var(--transition-timing-function);
81
- transition-property: box-shadow, background-color, border-color, color;
82
- }
83
-
84
- code[class*='language-'],
85
- pre[class*='language-'] {
86
- color: var(--code-color, #90a4ae);
87
-
88
- &::selection,
89
- & ::selection {
90
- background-color: var(--text-selection);
91
- text-shadow: 0 1px var(--primary-shadow);
92
- }
93
- }
94
-
95
- .language-css > code,
96
- .language-sass > code,
97
- .language-scss > code {
98
- color: var(--code-lang-style-color, #f76d47);
99
- }
100
-
101
- .line-numbers-rows,
102
- .toolbar::after,
103
- .toolbar-copy::after,
104
- pre {
105
- transition-duration: var(--transition-duration);
106
- transition-timing-function: var(--transition-timing-function);
107
- }
108
-
109
- [class*='language-'] .namespace {
110
- opacity: 0.7;
111
- }
112
-
113
- .tag {
114
- color: var(--token-tag, #e53935);
115
- }
116
-
117
- .atrule {
118
- color: var(--token-atrule, #7c4dff);
119
- }
120
-
121
- .attr-name {
122
- color: var(--token-attr-name, #39adb5);
123
- }
124
-
125
- .attr-value {
126
- color: var(--token-attr-value, #f6a434);
127
- }
128
-
129
- .attribute {
130
- color: var(--token-attribute, #f6a434);
131
- }
132
-
133
- .boolean {
134
- color: var(--token-boolean, #7c4dff);
135
- }
136
-
137
- .builtin {
138
- color: var(--token-builtin, #39adb5);
139
- }
140
-
141
- .cdata {
142
- color: var(--token-cdata, #39adb5);
143
- }
144
-
145
- .char {
146
- color: var(--token-char, #39adb5);
147
- }
148
-
149
- .class {
150
- color: var(--token-class, #39adb5);
151
- }
152
-
153
- .class-name,
154
- .maybe-class-name {
155
- color: var(--token-class-name, #6182b8);
156
- }
157
-
158
- .comment {
159
- color: var(--token-comment, #aabfc9);
160
- }
161
-
162
- .constant {
163
- color: var(--token-constant, #7c4dff);
164
- }
165
-
166
- .deleted {
167
- color: var(--token-deleted, #e53935);
168
- }
169
-
170
- .doctype {
171
- color: var(--token-doctype, #aabfc9);
172
- }
173
-
174
- .entity {
175
- color: var(--token-entity, #e53935);
176
- }
177
-
178
- .function {
179
- color: var(--token-function, #7c4dff);
180
- }
181
-
182
- .hexcode {
183
- color: var(--token-hexcode, #f76d47);
184
- }
185
-
186
- .id {
187
- font-weight: bold;
188
- color: var(--token-id, #7c4dff);
189
- }
190
-
191
- .important {
192
- font-weight: bold;
193
- color: var(--token-important, #7c4dff);
194
- }
195
-
196
- .inserted {
197
- color: var(--token-inserted, #39adb5);
198
- }
199
-
200
- .keyword {
201
- color: var(--token-keyword, #7c4dff);
202
- }
203
-
204
- .number {
205
- color: var(--token-number, #f76d47);
206
- }
207
-
208
- .operator {
209
- color: var(--token-operator, #39adb5);
210
- }
211
-
212
- .prolog {
213
- color: var(--token-prolog, #aabfc9);
214
- }
215
-
216
- .property {
217
- color: var(--token-property, #39adb5);
218
- }
219
-
220
- .pseudo-class {
221
- color: var(--token-pseudo-class, #f6a434);
222
- }
223
-
224
- .pseudo-element {
225
- color: var(--token-pseudo-element, #f6a434);
226
- }
227
-
228
- .punctuation {
229
- color: var(--token-punctuation, #39adb5);
230
- }
231
-
232
- .regex {
233
- color: var(--token-regex, #6182b8);
234
- }
235
-
236
- .selector {
237
- color: var(--token-selector, #e53935);
238
- }
239
-
240
- .string {
241
- color: var(--token-string, #f6a434);
242
- }
243
-
244
- .symbol {
245
- color: var(--token-symbol, #7c4dff);
246
- }
247
-
248
- .unit {
249
- color: var(--token-unit, #f76d47);
250
- }
251
-
252
- .url {
253
- color: var(--token-url, #e53935);
254
- }
255
-
256
- .variable {
257
- color: var(--token-variable, #e53935);
258
- }
259
-
260
- code[class*='language-'],
261
- pre,
262
- .n-editor textarea {
263
- font-family: 'Liberation Mono', Monaco, Menlo, Consolas, 'Source Code Pro', 'Ubuntu Mono',
264
- 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei,
265
- WenQuanYi, sans-serif;
266
- text-align: start;
267
- white-space: pre-wrap;
268
- word-wrap: normal;
269
- word-break: normal;
270
- word-spacing: normal;
271
- tab-size: 4;
272
- hyphens: none;
273
- }
274
-
275
- .deleted:not(.prefix) {
276
- display: block;
277
- color: inherit;
278
- background-color: rgb(255 0 0 / 10%);
279
- }
280
-
281
- .inserted:not(.prefix) {
282
- display: block;
283
- color: inherit;
284
- background-color: rgb(0 255 128 / 10%);
285
- }
286
-
287
- span .inline-color-wrapper {
288
- display: inline-block;
289
- overflow: hidden;
290
- margin: 0 0.333ch;
291
- border: var(--border-base);
292
- background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 0 / 10px 10px;
293
- outline: 1px solid rgb(0 0 0 / 50%);
294
- inline-size: 1.333ch;
295
- block-size: 1.333ch;
296
- box-sizing: border-box;
297
- }
298
-
299
- span .inline-color {
300
- display: block;
301
- inline-size: 120%;
302
- block-size: 120%;
303
- }
304
-
305
- pre,
306
- .n-editor {
307
- position: relative;
308
- display: block;
309
- overflow: visible;
310
- margin: auto;
311
- border-radius: var(--border-radius);
312
- max-inline-size: 100%;
313
- font-size: var(--font-size);
314
- white-space: pre-wrap;
315
- background-color: var(--primary-component-bg);
316
- box-shadow: 0 2px 8px 0 var(--primary-shadow);
317
- line-height: 20px;
318
- transition-property: color, background-color, box-shadow;
319
- }
320
-
321
- pre .toolbar::after {
322
- position: absolute;
323
- inset-block-start: 0;
324
- inset-inline-start: 0;
325
- z-index: 1;
326
- display: block;
327
- overflow: hidden;
328
- border-radius: var(--border-radius) var(--border-radius) 0 0;
329
- inline-size: 100%;
330
- block-size: 24px;
331
- font-size: var(--font-size);
332
- font-family: Ubuntu, sans-serif;
333
- font-weight: bold;
334
- text-align: center;
335
- color: var(--text-color);
336
- background-color: var(--code-toolbar-bg, rgb(220 224 229 / 50%));
337
- box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
338
- line-height: 24px;
339
- text-transform: uppercase;
340
- backdrop-filter: blur(10px);
341
- content: attr(data-language) '';
342
- transition-property: background-color, border-color, color;
343
- }
344
-
345
- pre .toolbar::before {
346
- position: absolute;
347
- inset-block-start: 10px;
348
- inset-inline-start: 12px;
349
- z-index: 3;
350
- display: inline-block;
351
- border-radius: var(--border-radius);
352
- inline-size: 4px;
353
- block-size: 4px;
354
- text-align: center;
355
- background-color: #fc625d;
356
- box-shadow:
357
- 0 0 0 4px #fc625d,
358
- 20px 0 0 4px #fdbc40,
359
- 40px 0 0 4px #35cd4b;
360
- cursor: pointer;
361
- content: '';
362
- }
363
-
364
- pre .toolbar .toolbar-copy {
365
- position: absolute;
366
- inset-block-start: 0;
367
- inset-inline-end: 8px;
368
- z-index: 3;
369
- border: none;
370
- padding: 0;
371
- background: none;
372
- outline: none;
373
- cursor: pointer;
374
- }
375
-
376
- pre .toolbar .toolbar-copy:active {
377
- transform: scale(0.95);
378
- }
379
-
380
- .toolbar .toolbar-copy::after {
381
- user-select: none;
382
- display: block;
383
- font-size: 24px;
384
- font-family: sans-serif;
385
- color: var(--text-color);
386
- line-height: 24px;
387
- content: '⎘';
388
- transition-property: color, transform;
389
- }
390
-
391
- .toolbar .toolbar-copy:hover::after {
392
- color: var(--primary-color, #5794ff);
393
- }
394
-
395
- pre.line-numbers > code {
396
- margin: 0 10px 0 54px;
397
- white-space: inherit;
398
- counter-reset: linenumber;
399
- }
400
-
401
- pre.line-numbers .line-numbers-rows {
402
- position: absolute;
403
- inset-block-start: 0;
404
- inset-inline-start: 0;
405
- overflow-y: auto;
406
- border-inline-end: 1px solid var(--border-color);
407
- border-radius: var(--border-radius) 0 0 var(--border-radius);
408
- padding: 32px 0 8px;
409
- inline-size: 44px;
410
- max-block-size: inherit;
411
- font-size: 100%;
412
- background-color: var(--primary-component-bg);
413
- letter-spacing: -1px;
414
- user-select: none;
415
- pointer-events: none;
416
- transition-property: background-color, border-color;
417
- }
418
-
419
- .line-numbers-rows > span {
420
- display: block;
421
- counter-increment: linenumber;
422
- }
423
-
424
- .line-numbers-rows > span::before {
425
- display: block;
426
- padding-inline-end: 0.8em;
427
- text-align: end;
428
- color: #999;
429
- opacity: 0.5;
430
- content: counter(linenumber);
431
- }
432
-
433
- pre::-webkit-scrollbar,
434
- pre ::-webkit-scrollbar {
435
- display: none;
436
- }
437
-
438
- @media print {
439
- code[class*='language-'],
440
- pre[class*='language-'] {
441
- text-shadow: none;
442
- }
443
- }
444
- `,a=(0,r.css)`
445
- :host {
446
- --code-color: #eee;
447
- --code-lang-style-color: #fd9170;
448
- --code-toolbar-bg: rgb(63 63 63 / 70%);
449
- --token-atrule: #c792ea;
450
- --token-attr-name: #ffcb6b;
451
- --token-attr-value: #a5e844;
452
- --token-attribute: #a5e844;
453
- --token-boolean: #c792ea;
454
- --token-builtin: #ffcb6b;
455
- --token-cdata: #80cbc4;
456
- --token-char: #80cbc4;
457
- --token-class: #ffcb6b;
458
- --token-class-name: #f2ff00;
459
- --token-comment: #616161;
460
- --token-constant: #c792ea;
461
- --token-deleted: #f66;
462
- --token-doctype: #616161;
463
- --token-entity: #f66;
464
- --token-function: #c792ea;
465
- --token-hexcode: #f2ff00;
466
- --token-id: #c792ea;
467
- --token-important: #c792ea;
468
- --token-inserted: #80cbc4;
469
- --token-keyword: #c792ea;
470
- --token-number: #fd9170;
471
- --token-operator: #89ddff;
472
- --token-prolog: #616161;
473
- --token-property: #80cbc4;
474
- --token-pseudo-class: #a5e844;
475
- --token-pseudo-element: #a5e844;
476
- --token-punctuation: #89ddff;
477
- --token-regex: #f2ff00;
478
- --token-selector: #f66;
479
- --token-string: #a5e844;
480
- --token-symbol: #c792ea;
481
- --token-tag: #f66;
482
- --token-unit: #fd9170;
483
- --token-url: #f66;
484
- --token-variable: #f66;
485
- }
486
- `;return(0,e.createMemo)(()=>`${o()?a:""}${t}`)},(0,e.getOwner)());
487
- //# sourceMappingURL=css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../components/prism/css.ts"],"sourcesContent":["import { createMemo, createRoot, getOwner } from 'solid-js';\nimport { css } from '@moneko/css';\n\nimport theme from '../theme';\n\nconst prismCss = createRoot(() => {\n const { isDark } = theme;\n const baseCss = css`\n [data-copy]::before {\n position: absolute;\n inset-block-start: 32px;\n inset-inline: 0;\n z-index: 1;\n display: inline-block;\n margin: auto;\n border: 1px solid;\n border-radius: var(--border-radius);\n padding: 4px 8px;\n inline-size: fit-content;\n font-size: var(--font-size-sm);\n transition:\n background-color 0.3s,\n color 0.3s,\n border-color 0.3s;\n animation-fill-mode: forwards;\n content: '复制成功';\n }\n\n [data-copy='success']::before {\n border-color: var(--success-border);\n color: var(--success-color);\n background-color: var(--success-bg);\n animation: copy-slide-in var(--transition-duration) var(--transition-timing-function);\n content: '复制成功';\n }\n\n [data-copy='failure']::before {\n border-color: var(--error-border);\n color: var(--error-color);\n background-color: var(--error-bg);\n animation:\n copy-slide-in var(--transition-duration) var(--transition-timing-function),\n error 1s var(--transition-timing-function) 1s;\n content: '复制失败';\n }\n\n [data-copy-exit]::before {\n animation: copy-slide-out var(--transition-duration) forwards\n var(--transition-timing-function);\n }\n\n @keyframes copy-slide-in {\n from {\n transform: translate3d(0, -100%, 0) scale(0);\n opacity: 0;\n }\n\n to {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n }\n }\n\n @keyframes copy-slide-out {\n from {\n transform: translate3d(0, 0, 0) scale(1);\n opacity: 1;\n }\n\n to {\n transform: translate3d(0, -100%, 0) scale(0);\n opacity: 0;\n }\n }\n\n pre > code {\n display: block;\n overflow: auto;\n margin: 0 16px 8px;\n padding: 32px 0 8px;\n max-inline-size: 100%;\n font-size: var(--font-size);\n white-space: pre-wrap;\n line-height: 1.8;\n pointer-events: auto;\n transition-duration: var(--transition-duration);\n transition-timing-function: var(--transition-timing-function);\n transition-property: box-shadow, background-color, border-color, color;\n }\n\n code[class*='language-'],\n pre[class*='language-'] {\n color: var(--code-color, #90a4ae);\n\n &::selection,\n & ::selection {\n background-color: var(--text-selection);\n text-shadow: 0 1px var(--primary-shadow);\n }\n }\n\n .language-css > code,\n .language-sass > code,\n .language-scss > code {\n color: var(--code-lang-style-color, #f76d47);\n }\n\n .line-numbers-rows,\n .toolbar::after,\n .toolbar-copy::after,\n pre {\n transition-duration: var(--transition-duration);\n transition-timing-function: var(--transition-timing-function);\n }\n\n [class*='language-'] .namespace {\n opacity: 0.7;\n }\n\n .tag {\n color: var(--token-tag, #e53935);\n }\n\n .atrule {\n color: var(--token-atrule, #7c4dff);\n }\n\n .attr-name {\n color: var(--token-attr-name, #39adb5);\n }\n\n .attr-value {\n color: var(--token-attr-value, #f6a434);\n }\n\n .attribute {\n color: var(--token-attribute, #f6a434);\n }\n\n .boolean {\n color: var(--token-boolean, #7c4dff);\n }\n\n .builtin {\n color: var(--token-builtin, #39adb5);\n }\n\n .cdata {\n color: var(--token-cdata, #39adb5);\n }\n\n .char {\n color: var(--token-char, #39adb5);\n }\n\n .class {\n color: var(--token-class, #39adb5);\n }\n\n .class-name,\n .maybe-class-name {\n color: var(--token-class-name, #6182b8);\n }\n\n .comment {\n color: var(--token-comment, #aabfc9);\n }\n\n .constant {\n color: var(--token-constant, #7c4dff);\n }\n\n .deleted {\n color: var(--token-deleted, #e53935);\n }\n\n .doctype {\n color: var(--token-doctype, #aabfc9);\n }\n\n .entity {\n color: var(--token-entity, #e53935);\n }\n\n .function {\n color: var(--token-function, #7c4dff);\n }\n\n .hexcode {\n color: var(--token-hexcode, #f76d47);\n }\n\n .id {\n font-weight: bold;\n color: var(--token-id, #7c4dff);\n }\n\n .important {\n font-weight: bold;\n color: var(--token-important, #7c4dff);\n }\n\n .inserted {\n color: var(--token-inserted, #39adb5);\n }\n\n .keyword {\n color: var(--token-keyword, #7c4dff);\n }\n\n .number {\n color: var(--token-number, #f76d47);\n }\n\n .operator {\n color: var(--token-operator, #39adb5);\n }\n\n .prolog {\n color: var(--token-prolog, #aabfc9);\n }\n\n .property {\n color: var(--token-property, #39adb5);\n }\n\n .pseudo-class {\n color: var(--token-pseudo-class, #f6a434);\n }\n\n .pseudo-element {\n color: var(--token-pseudo-element, #f6a434);\n }\n\n .punctuation {\n color: var(--token-punctuation, #39adb5);\n }\n\n .regex {\n color: var(--token-regex, #6182b8);\n }\n\n .selector {\n color: var(--token-selector, #e53935);\n }\n\n .string {\n color: var(--token-string, #f6a434);\n }\n\n .symbol {\n color: var(--token-symbol, #7c4dff);\n }\n\n .unit {\n color: var(--token-unit, #f76d47);\n }\n\n .url {\n color: var(--token-url, #e53935);\n }\n\n .variable {\n color: var(--token-variable, #e53935);\n }\n\n code[class*='language-'],\n pre,\n .n-editor textarea {\n font-family: 'Liberation Mono', Monaco, Menlo, Consolas, 'Source Code Pro', 'Ubuntu Mono',\n 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei,\n WenQuanYi, sans-serif;\n text-align: start;\n white-space: pre-wrap;\n word-wrap: normal;\n word-break: normal;\n word-spacing: normal;\n tab-size: 4;\n hyphens: none;\n }\n\n .deleted:not(.prefix) {\n display: block;\n color: inherit;\n background-color: rgb(255 0 0 / 10%);\n }\n\n .inserted:not(.prefix) {\n display: block;\n color: inherit;\n background-color: rgb(0 255 128 / 10%);\n }\n\n span .inline-color-wrapper {\n display: inline-block;\n overflow: hidden;\n margin: 0 0.333ch;\n border: var(--border-base);\n background: repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 0 / 10px 10px;\n outline: 1px solid rgb(0 0 0 / 50%);\n inline-size: 1.333ch;\n block-size: 1.333ch;\n box-sizing: border-box;\n }\n\n span .inline-color {\n display: block;\n inline-size: 120%;\n block-size: 120%;\n }\n\n pre,\n .n-editor {\n position: relative;\n display: block;\n overflow: visible;\n margin: auto;\n border-radius: var(--border-radius);\n max-inline-size: 100%;\n font-size: var(--font-size);\n white-space: pre-wrap;\n background-color: var(--primary-component-bg);\n box-shadow: 0 2px 8px 0 var(--primary-shadow);\n line-height: 20px;\n transition-property: color, background-color, box-shadow;\n }\n\n pre .toolbar::after {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n z-index: 1;\n display: block;\n overflow: hidden;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n inline-size: 100%;\n block-size: 24px;\n font-size: var(--font-size);\n font-family: Ubuntu, sans-serif;\n font-weight: bold;\n text-align: center;\n color: var(--text-color);\n background-color: var(--code-toolbar-bg, rgb(220 224 229 / 50%));\n box-shadow: 0 1px 5px rgb(0 0 0 / 10%);\n line-height: 24px;\n text-transform: uppercase;\n backdrop-filter: blur(10px);\n content: attr(data-language) '';\n transition-property: background-color, border-color, color;\n }\n\n pre .toolbar::before {\n position: absolute;\n inset-block-start: 10px;\n inset-inline-start: 12px;\n z-index: 3;\n display: inline-block;\n border-radius: var(--border-radius);\n inline-size: 4px;\n block-size: 4px;\n text-align: center;\n background-color: #fc625d;\n box-shadow:\n 0 0 0 4px #fc625d,\n 20px 0 0 4px #fdbc40,\n 40px 0 0 4px #35cd4b;\n cursor: pointer;\n content: '';\n }\n\n pre .toolbar .toolbar-copy {\n position: absolute;\n inset-block-start: 0;\n inset-inline-end: 8px;\n z-index: 3;\n border: none;\n padding: 0;\n background: none;\n outline: none;\n cursor: pointer;\n }\n\n pre .toolbar .toolbar-copy:active {\n transform: scale(0.95);\n }\n\n .toolbar .toolbar-copy::after {\n user-select: none;\n display: block;\n font-size: 24px;\n font-family: sans-serif;\n color: var(--text-color);\n line-height: 24px;\n content: '⎘';\n transition-property: color, transform;\n }\n\n .toolbar .toolbar-copy:hover::after {\n color: var(--primary-color, #5794ff);\n }\n\n pre.line-numbers > code {\n margin: 0 10px 0 54px;\n white-space: inherit;\n counter-reset: linenumber;\n }\n\n pre.line-numbers .line-numbers-rows {\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n overflow-y: auto;\n border-inline-end: 1px solid var(--border-color);\n border-radius: var(--border-radius) 0 0 var(--border-radius);\n padding: 32px 0 8px;\n inline-size: 44px;\n max-block-size: inherit;\n font-size: 100%;\n background-color: var(--primary-component-bg);\n letter-spacing: -1px;\n user-select: none;\n pointer-events: none;\n transition-property: background-color, border-color;\n }\n\n .line-numbers-rows > span {\n display: block;\n counter-increment: linenumber;\n }\n\n .line-numbers-rows > span::before {\n display: block;\n padding-inline-end: 0.8em;\n text-align: end;\n color: #999;\n opacity: 0.5;\n content: counter(linenumber);\n }\n\n pre::-webkit-scrollbar,\n pre ::-webkit-scrollbar {\n display: none;\n }\n\n @media print {\n code[class*='language-'],\n pre[class*='language-'] {\n text-shadow: none;\n }\n }\n `;\n const darkCss = css`\n :host {\n --code-color: #eee;\n --code-lang-style-color: #fd9170;\n --code-toolbar-bg: rgb(63 63 63 / 70%);\n --token-atrule: #c792ea;\n --token-attr-name: #ffcb6b;\n --token-attr-value: #a5e844;\n --token-attribute: #a5e844;\n --token-boolean: #c792ea;\n --token-builtin: #ffcb6b;\n --token-cdata: #80cbc4;\n --token-char: #80cbc4;\n --token-class: #ffcb6b;\n --token-class-name: #f2ff00;\n --token-comment: #616161;\n --token-constant: #c792ea;\n --token-deleted: #f66;\n --token-doctype: #616161;\n --token-entity: #f66;\n --token-function: #c792ea;\n --token-hexcode: #f2ff00;\n --token-id: #c792ea;\n --token-important: #c792ea;\n --token-inserted: #80cbc4;\n --token-keyword: #c792ea;\n --token-number: #fd9170;\n --token-operator: #89ddff;\n --token-prolog: #616161;\n --token-property: #80cbc4;\n --token-pseudo-class: #a5e844;\n --token-pseudo-element: #a5e844;\n --token-punctuation: #89ddff;\n --token-regex: #f2ff00;\n --token-selector: #f66;\n --token-string: #a5e844;\n --token-symbol: #c792ea;\n --token-tag: #f66;\n --token-unit: #fd9170;\n --token-url: #f66;\n --token-variable: #f66;\n }\n `;\n\n const style = createMemo(() => `${isDark() ? darkCss : ''}${baseCss}`);\n\n return style;\n}, getOwner());\n\nexport default prismCss;\n"],"names":["createRoot","isDark","theme","baseCss","css","darkCss","createMemo","getOwner"],"mappings":"wGAofA,+CAAA,qBApfiD,sBAC7B,4BAEF,yCAiflB,EA/eiBA,GAAAA,YAAU,EAAC,KAC1B,GAAM,CAAEC,OAAAA,CAAM,CAAE,CAAGC,SAAK,CAClBC,EAAUC,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2bpB,CAAC,CACKC,EAAUD,GAAAA,KAAG,CAAA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CpB,CAAC,CAID,MAFcE,GAAAA,YAAU,EAAC,IAAM,CAAC,EAAEL,IAAWI,EAAU,GAAG,EAAEF,EAAQ,CAAC,CAGvE,EAAGI,GAAAA,UAAQ"}
@@ -1 +0,0 @@
1
- "use strict";(window["webpackJsonp_neko-ui"]=window["webpackJsonp_neko-ui"]||[]).push([[599],{9599:(o,e,r)=>{r.r(e),r.d(e,{default:()=>i});var n=r(9918),t=r(2502),a=r(6853);let i=(0,n.Hr)(()=>{let{isDark:o}=a.Ay,e=(0,t.css)("[data-copy]::before{position:absolute;inset-block-start:32px;inset-inline:0;z-index:1;display:inline-block;margin:auto;border:1px solid;border-radius:var(--border-radius);padding:4px 8px;inline-size:fit-content;font-size:var(--font-size-sm);transition:background-color 0.3s,color 0.3s,border-color 0.3s;animation-fill-mode:forwards;content:'复制成功';}[data-copy='success']::before{border-color:var(--success-border);color:var(--success-color);background-color:var(--success-bg);animation:copy-slide-in var(--transition-duration) var(--transition-timing-function);content:'复制成功';}[data-copy='failure']::before{border-color:var(--error-border);color:var(--error-color);background-color:var(--error-bg);animation:copy-slide-in var(--transition-duration) var(--transition-timing-function),error 1s var(--transition-timing-function) 1s;content:'复制失败';}[data-copy-exit]::before{animation:copy-slide-out var(--transition-duration) forwards var(--transition-timing-function);}@keyframes copy-slide-in{from{transform:translate3d(0, -100%, 0) scale(0);opacity:0;}to{transform:translate3d(0, 0, 0) scale(1);opacity:1;}}@keyframes copy-slide-out{from{transform:translate3d(0, 0, 0) scale(1);opacity:1;}to{transform:translate3d(0, -100%, 0) scale(0);opacity:0;}}pre>code{display:block;overflow:auto;margin:0 16px 8px;padding:32px 0 8px;max-inline-size:100%;font-size:var(--font-size);white-space:pre-wrap;line-height:1.8;pointer-events:auto;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);transition-property:box-shadow,background-color,border-color,color;}code[class*='language-'],pre[class*='language-']{color:var(--code-color, #90a4ae);&::selection,& ::selection{background-color:var(--text-selection);text-shadow:0 1px var(--primary-shadow);}}.language-css>code,.language-sass>code,.language-scss>code{color:var(--code-lang-style-color, #f76d47);}.line-numbers-rows,.toolbar::after,.toolbar-copy::after,pre{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);}[class*='language-'] .namespace{opacity:0.7;}.tag{color:var(--token-tag, #e53935);}.atrule{color:var(--token-atrule, #7c4dff);}.attr-name{color:var(--token-attr-name, #39adb5);}.attr-value{color:var(--token-attr-value, #f6a434);}.attribute{color:var(--token-attribute, #f6a434);}.boolean{color:var(--token-boolean, #7c4dff);}.builtin{color:var(--token-builtin, #39adb5);}.cdata{color:var(--token-cdata, #39adb5);}.char{color:var(--token-char, #39adb5);}.class{color:var(--token-class, #39adb5);}.class-name,.maybe-class-name{color:var(--token-class-name, #6182b8);}.comment{color:var(--token-comment, #aabfc9);}.constant{color:var(--token-constant, #7c4dff);}.deleted{color:var(--token-deleted, #e53935);}.doctype{color:var(--token-doctype, #aabfc9);}.entity{color:var(--token-entity, #e53935);}.function{color:var(--token-function, #7c4dff);}.hexcode{color:var(--token-hexcode, #f76d47);}.id{font-weight:bold;color:var(--token-id, #7c4dff);}.important{font-weight:bold;color:var(--token-important, #7c4dff);}.inserted{color:var(--token-inserted, #39adb5);}.keyword{color:var(--token-keyword, #7c4dff);}.number{color:var(--token-number, #f76d47);}.operator{color:var(--token-operator, #39adb5);}.prolog{color:var(--token-prolog, #aabfc9);}.property{color:var(--token-property, #39adb5);}.pseudo-class{color:var(--token-pseudo-class, #f6a434);}.pseudo-element{color:var(--token-pseudo-element, #f6a434);}.punctuation{color:var(--token-punctuation, #39adb5);}.regex{color:var(--token-regex, #6182b8);}.selector{color:var(--token-selector, #e53935);}.string{color:var(--token-string, #f6a434);}.symbol{color:var(--token-symbol, #7c4dff);}.unit{color:var(--token-unit, #f76d47);}.url{color:var(--token-url, #e53935);}.variable{color:var(--token-variable, #e53935);}code[class*='language-'],pre,.n-editor textarea{font-family:'Liberation Mono',Monaco,Menlo,Consolas,'Source Code Pro','Ubuntu Mono','Microsoft Yahei','微软雅黑',Courier,'Helvetica Neue','Lantinghei SC',STXihei,WenQuanYi,sans-serif;text-align:start;white-space:pre-wrap;word-wrap:normal;word-break:normal;word-spacing:normal;tab-size:4;hyphens:none;}.deleted:not(.prefix){display:block;color:inherit;background-color:rgb(255 0 0 / 10%);}.inserted:not(.prefix){display:block;color:inherit;background-color:rgb(0 255 128 / 10%);}span .inline-color-wrapper{display:inline-block;overflow:hidden;margin:0 0.333ch;border:var(--border-base);background:repeating-conic-gradient(#eee 0% 25%, transparent 0% 50%) 0/10px 10px;outline:1px solid rgb(0 0 0 / 50%);inline-size:1.333ch;block-size:1.333ch;box-sizing:border-box;}span .inline-color{display:block;inline-size:120%;block-size:120%;}pre,.n-editor{position:relative;display:block;overflow:visible;margin:auto;border-radius:var(--border-radius);max-inline-size:100%;font-size:var(--font-size);white-space:pre-wrap;background-color:var(--primary-component-bg);box-shadow:0 2px 8px 0 var(--primary-shadow);line-height:20px;transition-property:color,background-color,box-shadow;}pre .toolbar::after{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;display:block;overflow:hidden;border-radius:var(--border-radius) var(--border-radius) 0 0;inline-size:100%;block-size:24px;font-size:var(--font-size);font-family:Ubuntu,sans-serif;font-weight:bold;text-align:center;color:var(--text-color);background-color:var(--code-toolbar-bg, rgb(220 224 229 / 50%));box-shadow:0 1px 5px rgb(0 0 0 / 10%);line-height:24px;text-transform:uppercase;backdrop-filter:blur(10px);content:attr(data-language) '';transition-property:background-color,border-color,color;}pre .toolbar::before{position:absolute;inset-block-start:10px;inset-inline-start:12px;z-index:3;display:inline-block;border-radius:var(--border-radius);inline-size:4px;block-size:4px;text-align:center;background-color:#fc625d;box-shadow:0 0 0 4px #fc625d,20px 0 0 4px #fdbc40,40px 0 0 4px #35cd4b;cursor:pointer;content:'';}pre .toolbar .toolbar-copy{position:absolute;inset-block-start:0;inset-inline-end:8px;z-index:3;border:none;padding:0;background:none;outline:none;cursor:pointer;}pre .toolbar .toolbar-copy:active{transform:scale(0.95);}.toolbar .toolbar-copy::after{user-select:none;display:block;font-size:24px;font-family:sans-serif;color:var(--text-color);line-height:24px;content:'⎘';transition-property:color,transform;}.toolbar .toolbar-copy:hover::after{color:var(--primary-color, #5794ff);}pre.line-numbers>code{margin:0 10px 0 54px;white-space:inherit;counter-reset:linenumber;}pre.line-numbers .line-numbers-rows{position:absolute;inset-block-start:0;inset-inline-start:0;overflow-y:auto;border-inline-end:1px solid var(--border-color);border-radius:var(--border-radius) 0 0 var(--border-radius);padding:32px 0 8px;inline-size:44px;max-block-size:inherit;font-size:100%;background-color:var(--primary-component-bg);letter-spacing:-1px;user-select:none;pointer-events:none;transition-property:background-color,border-color;}.line-numbers-rows>span{display:block;counter-increment:linenumber;}.line-numbers-rows>span::before{display:block;padding-inline-end:0.8em;text-align:end;color:#999;opacity:0.5;content:counter(linenumber);}pre::-webkit-scrollbar,pre ::-webkit-scrollbar{display:none;}@media print{code[class*='language-'],pre[class*='language-']{text-shadow:none;}}"),r=(0,t.css)(":host{--code-color:#eee;--code-lang-style-color:#fd9170;--code-toolbar-bg:rgb(63 63 63 / 70%);--token-atrule:#c792ea;--token-attr-name:#ffcb6b;--token-attr-value:#a5e844;--token-attribute:#a5e844;--token-boolean:#c792ea;--token-builtin:#ffcb6b;--token-cdata:#80cbc4;--token-char:#80cbc4;--token-class:#ffcb6b;--token-class-name:#f2ff00;--token-comment:#616161;--token-constant:#c792ea;--token-deleted:#f66;--token-doctype:#616161;--token-entity:#f66;--token-function:#c792ea;--token-hexcode:#f2ff00;--token-id:#c792ea;--token-important:#c792ea;--token-inserted:#80cbc4;--token-keyword:#c792ea;--token-number:#fd9170;--token-operator:#89ddff;--token-prolog:#616161;--token-property:#80cbc4;--token-pseudo-class:#a5e844;--token-pseudo-element:#a5e844;--token-punctuation:#89ddff;--token-regex:#f2ff00;--token-selector:#f66;--token-string:#a5e844;--token-symbol:#c792ea;--token-tag:#f66;--token-unit:#fd9170;--token-url:#f66;--token-variable:#f66;}");return(0,n.To)(()=>`${o()?r:""}${e}`)},(0,n.QQ)())}}]);