vite-plugin-files-server 1.1.1 → 1.1.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 (4) hide show
  1. package/README.md +2 -1
  2. package/package.json +1 -1
  3. package/plugin/index.cjs +26 -3
  4. package/plugin/index.js +26 -3
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
  * @Author: Varian LIn
3
3
  * @Date: 2026-03-11 16:43:38
4
4
  * @LastEditors: Varian LIn
5
- * @LastEditTime: 2026-03-12 14:52:39
5
+ * @LastEditTime: 2026-03-18 15:16:22
6
6
  * @Description:
7
7
  -->
8
8
 
@@ -26,4 +26,5 @@ npm config set registry https://registry.npmjs.org
26
26
 
27
27
  ## version
28
28
 
29
+ - <2026年3月18日> v1.1.2 更新文件服务器样式, 高亮父层级
29
30
  - v1.0.3 稳定版本, 同步webpack文件服务器样式
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vite-plugin-files-server",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./plugin/index.js",
package/plugin/index.cjs CHANGED
@@ -110,11 +110,19 @@ var tempFolderDark_default = `<!doctype html>\r
110
110
  padding: 6px 12px;\r
111
111
  border-radius: 6px;\r
112
112
  font-weight: 500;\r
113
- background-color: #2a2a2a; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #e7f1ff \u2192 \u6697\u8272 #2a2a2a */\r
113
+ background-color: #525252; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #e7f1ff \u2192 \u6697\u8272 #2a2a2a */\r
114
114
  border: 1px solid #3a3a3a; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #cfe2ff \u2192 \u6697\u8272 #3a3a3a */\r
115
115
  transition: all 0.2s;\r
116
116
  }\r
117
117
  .folder-name::before {\r
118
+ content: '\u{1F5C2}\uFE0F';\r
119
+ margin-right: 8px;\r
120
+ }\r
121
+ .level-sub {\r
122
+ background-color: #2a2a2a;\r
123
+ padding: 1px 12px;\r
124
+ }\r
125
+ .level-sub::before {\r
118
126
  content: '\u{1F4C1}';\r
119
127
  margin-right: 8px;\r
120
128
  }\r
@@ -406,11 +414,19 @@ var tempFolderLight_default = `<!doctype html>\r
406
414
  padding: 6px 12px;\r
407
415
  border-radius: 6px;\r
408
416
  font-weight: 500;\r
409
- background-color: #e7f1ff;\r
417
+ background-color: #a8ccff;\r
410
418
  border: 1px solid #cfe2ff;\r
411
419
  transition: all 0.2s;\r
412
420
  }\r
413
421
  .folder-name::before {\r
422
+ content: '\u{1F5C2}\uFE0F';\r
423
+ margin-right: 8px;\r
424
+ }\r
425
+ .level-sub {\r
426
+ background-color: #e7f1ff;\r
427
+ padding: 1px 12px;\r
428
+ }\r
429
+ .level-sub::before {\r
414
430
  content: '\u{1F4C1}';\r
415
431
  margin-right: 8px;\r
416
432
  }\r
@@ -676,9 +692,16 @@ function fileServerPlugin(options = {}) {
676
692
  }
677
693
  });
678
694
  folderItems.forEach(({ file, filePath, relativePath }) => {
679
- html += `<div class="folder-item">
695
+ let level = relativePath.split("/");
696
+ if (level.length == 4) {
697
+ html += `<div class="folder-item">
680
698
  <a class="folder-name">${file}</a>
681
699
  </div>`;
700
+ } else if (level.length == 5) {
701
+ html += `<div class="folder-item">
702
+ <a class="folder-name level-sub">${file}</a>
703
+ </div>`;
704
+ }
682
705
  const subTree = buildGalleryTree(filePath, relativePath, depth + 1);
683
706
  if (subTree) {
684
707
  html += subTree;
package/plugin/index.js CHANGED
@@ -76,11 +76,19 @@ var tempFolderDark_default = `<!doctype html>\r
76
76
  padding: 6px 12px;\r
77
77
  border-radius: 6px;\r
78
78
  font-weight: 500;\r
79
- background-color: #2a2a2a; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #e7f1ff \u2192 \u6697\u8272 #2a2a2a */\r
79
+ background-color: #525252; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #e7f1ff \u2192 \u6697\u8272 #2a2a2a */\r
80
80
  border: 1px solid #3a3a3a; /* \u4FEE\u6539\uFF1A\u4EAE\u8272 #cfe2ff \u2192 \u6697\u8272 #3a3a3a */\r
81
81
  transition: all 0.2s;\r
82
82
  }\r
83
83
  .folder-name::before {\r
84
+ content: '\u{1F5C2}\uFE0F';\r
85
+ margin-right: 8px;\r
86
+ }\r
87
+ .level-sub {\r
88
+ background-color: #2a2a2a;\r
89
+ padding: 1px 12px;\r
90
+ }\r
91
+ .level-sub::before {\r
84
92
  content: '\u{1F4C1}';\r
85
93
  margin-right: 8px;\r
86
94
  }\r
@@ -372,11 +380,19 @@ var tempFolderLight_default = `<!doctype html>\r
372
380
  padding: 6px 12px;\r
373
381
  border-radius: 6px;\r
374
382
  font-weight: 500;\r
375
- background-color: #e7f1ff;\r
383
+ background-color: #a8ccff;\r
376
384
  border: 1px solid #cfe2ff;\r
377
385
  transition: all 0.2s;\r
378
386
  }\r
379
387
  .folder-name::before {\r
388
+ content: '\u{1F5C2}\uFE0F';\r
389
+ margin-right: 8px;\r
390
+ }\r
391
+ .level-sub {\r
392
+ background-color: #e7f1ff;\r
393
+ padding: 1px 12px;\r
394
+ }\r
395
+ .level-sub::before {\r
380
396
  content: '\u{1F4C1}';\r
381
397
  margin-right: 8px;\r
382
398
  }\r
@@ -642,9 +658,16 @@ function fileServerPlugin(options = {}) {
642
658
  }
643
659
  });
644
660
  folderItems.forEach(({ file, filePath, relativePath }) => {
645
- html += `<div class="folder-item">
661
+ let level = relativePath.split("/");
662
+ if (level.length == 4) {
663
+ html += `<div class="folder-item">
646
664
  <a class="folder-name">${file}</a>
647
665
  </div>`;
666
+ } else if (level.length == 5) {
667
+ html += `<div class="folder-item">
668
+ <a class="folder-name level-sub">${file}</a>
669
+ </div>`;
670
+ }
648
671
  const subTree = buildGalleryTree(filePath, relativePath, depth + 1);
649
672
  if (subTree) {
650
673
  html += subTree;