code>new: implement NOT keyword in the filter

README.md

@@ -63,4 +63,4 @@ tagmark-ui has implemented the invocation of filters through pure frontend Javas
 ## TODO
 
 - [x] fix overlay doc `<a>` style
-- [ ] implement NOT keyword in the filter
+- [x] implement NOT keyword in the filter

doc/filter.en.md

@@ -20,6 +20,7 @@ The following keywords (operators) are defined in Advanced Filter:
 
 - `AND`: Must be uppercase, indicating "and" operation, similar to the `&&` logical operator in Javascript.
 - `OR`: Must be uppercase, indicating "or" operation, similar to the `||` logical operator in Javascript.
+- `NOT`: Must be uppercase, indicating "not" operation, similar to the `!` logical operator in Javascript.
 - `(` and `)`: Used to combine multiple expressions and control their priority, what is consistent with most programming languages.
 
 **No quotation marks (`"` or `'`) are required in the string entered in Advanced Filter.**

doc/filter.ja.md

@@ -20,6 +20,7 @@
 
 - `AND`：大文字でなければならず、「そして」操作を示し、Javascriptの`&&`論理演算子に似ています。
 - `OR`：大文字でなければならず、「または」操作を示し、Javascriptの`||`論理演算子に似ています。
+- `NOT`：大文字でなければならず、「非」操作を示し、Javascriptの`!`論理演算子に似ています。
 - `(` および `)`：複数の式を結合し、その優先順位を制御するために使用されます。ほとんどのプログラミング言語と一致します。
 
 **アドバンストフィルターで入力する文字列に引用符（`"`または`'`）は必要ありません。**

doc/filter.zh_CN.md

@@ -21,6 +21,7 @@ Advanced Filter 中定义了如下的关键字（运算符）:
 
 - `AND`: 必须大写，表示 "与" 运算，它类似于Javascript 中的 `&&` 逻辑运算符。
 - `OR`: 必须大写，表示 "或" 运算，它类似于Javascript 中的 `||` 逻辑运算符。
+- `NOT`: 必须大写，表示 "非" 运算，它类似于Javascript 中的 `!` 逻辑运算符。
 - `(` 和 `)`: 用来组合多个表达式，并控制它们的优先级。它的用法与大多数编程语言中的用法一致。
 
 **Advanced Filter 中输入的字符串不需要使用 `"` 或者 `'` 括起来。**

js/tagmark.js

@@ -108,16 +108,19 @@ function customHeaderFilter(headerValue, rowValue, rowData, filterParams) {
         if (!cellValue) return false;
 
         // case insensitive and trim
-        let headerValueParts = headerValue.trim().split(/\b(OR|AND)\b/);
+        let headerValueParts = headerValue.trim().split(/\b(OR|AND|NOT)\b/);
         let checkHeaderValueParts = Array();
         headerValueParts.forEach((headerValuePart) => {
             headerValuePart = headerValuePart.trim();
             if (headerValuePart === "AND") {
                 checkHeaderValueParts.push("&&");
             } else if (headerValuePart === "OR") {
                 checkHeaderValueParts.push("||");
+            } else if (headerValuePart === "NOT") {
+                checkHeaderValueParts.push("!");
             } else {
                 let keyword = extractKeyword(headerValuePart);
+                if (!keyword.trim()) return;
                 if (Array.isArray(cellValue)) {
                     if (cellValue.length === 0) return false;
                     checkHeaderValueParts.push(