feat: 节点增加i标识代表忽略

Author: zhangfisher

.github/workflows/website.yaml

@@ -54,7 +54,7 @@ jobs:
           pnpm docs:build # or  npm run docs:build / yarn docs:build / bun run docs:build
           touch docs/.vitepress/dist/.nojekyll
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
+        uses: actions/upload-pages-artifact@3
         with:
           path: docs/.vitepress/dist
 
@@ -69,4 +69,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4

docs/guide/node-flags.md

@@ -62,7 +62,7 @@ A公司
         销售部          //-         删除标识
         客服部          //-         删除标识
         品牌部          //-         删除标识
-        市场策划部
+        市场策划部      //i         忽略标识
         市场营销部      //!        代表强调
     研发中心
         移动研发部
@@ -73,13 +73,10 @@ A公司
         设计部
 </LiteTree>
 
-
-
-
 ## **内置标识**
 
 `LiteTree`内置支持以下内置标识：
- 
+
 ```ts
 <LiteTree>
 新增       //+     代表新增
@@ -88,6 +85,7 @@ A公司
 强调       //!      代表强调
 错误       //x      代表错误
 成功       //v      代表成功
+忽略       //i      代表忽略
 </LiteTree>
 ```
 
@@ -100,6 +98,7 @@ A公司
 强调       //!      代表强调
 错误       //x      代表错误
 成功       //v      代表成功
+忽略       //i      代表忽略
 </LiteTree>
 
 
@@ -121,10 +120,10 @@ A公司
 .warning=color:#ff742e;background-color:#ffd0b3;
 github=data:image/svg+xml;base64,<...此处省略自定义图标数据...>
 ---
-成功       //s     代表成功
-警告       //w.warning      代表警告
-错误       //e{color:red}      代表错误
-VoerkaI18n       //[github]{color:green}      使用图标标识
+成功                //s     代表成功
+警告                //w.warning      代表警告
+错误                //e{color:red}      代表错误
+VoerkaI18n          //[github]{color:green}      使用图标标识
 ```
 
 **渲染效果如下：**

packages/common/consts.ts

@@ -6,7 +6,8 @@ export const flagAlias:Record<string,string | string[]> = {
     "*": "diff-modify", 
     "!": ["important","[important]"],
     "x": ["error","[no]"],
-    "v": ["correct","[yes]"]
+    "v": ["correct","[yes]"],
+    "i": ["ignore",""]
 }
 
 export const LiteTreeScopeId="data-lite-tree"

packages/common/styles/styles.css

@@ -75,6 +75,10 @@
   background-color: #ffeaea;
   color: red!important;
 }
+.lite-tree .lite-tree-nodes > li > span.lite-tree-node.ignore {
+  background-color: #f3ffec;
+  color: #bbb !important;
+}
 .lite-tree .lite-tree-nodes > li > span.lite-tree-node > span.flag {
   width: 1.2em;
   text-align: center;
@@ -161,6 +165,10 @@
 .dark .lite-tree .lite-tree-nodes > li > span.lite-tree-node.error {
   background-color: #212121;
 }
+.dark .lite-tree .lite-tree-nodes > li > span.lite-tree-node.ignore {
+  background-color: #212121;
+  color: #444 !important;
+}
 .dark .lite-tree .lite-tree-nodes > li > span.lite-tree-node > span.title > span.tag {
   background-color: #212121;
   color: #aaa;

packages/common/styles/styles.less

@@ -77,6 +77,10 @@
                 &.error{
                     background-color: #ffeaea;
                     color: red!important;;
+                }                  
+                &.ignore{
+                    background-color: #f3ffec;
+                    color: #bbb!important;
                 }  
                 &>span.flag {
                     width: 1.2em;
@@ -169,6 +173,10 @@
                     }        
                     &.error{
                         background-color: #212121;
+                    }        
+                    &.ignore{
+                        background-color: #212121;
+                        color:#444!important;
                     }  
                     &>span.title {            
                         &>span.tag {