From 861a93684da52b5a509d28753d36405dac418b28 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 21 Jun 2023 14:58:34 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=95=8F=E6=84=9F?=
 =?UTF-8?q?=E8=AF=8D=E8=BF=87=E6=BB=A4=E5=8A=9F=E8=83=BD=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 locales/en.yaml              |  1 +
 locales/zh-CN.yaml           |  1 +
 package.json                 |  1 +
 pnpm-lock.yaml               |  9 ++++++++
 src/router/modules/able.ts   |  9 ++++++++
 src/views/able/sensitive.vue | 43 ++++++++++++++++++++++++++++++++++++
 6 files changed, 64 insertions(+)
 create mode 100644 src/views/able/sensitive.vue

diff --git a/locales/en.yaml b/locales/en.yaml
index 9eed96fcc..f17dd4ce0 100644
--- a/locales/en.yaml
+++ b/locales/en.yaml
@@ -100,6 +100,7 @@ menus:
   hsPdf: PDF Preview
   hsExecl: Export Excel
   hsInfiniteScroll: Table Infinite Scroll
+  hsSensitive: Sensitive Filter
   hsdanmaku: Danmaku Components
   hsPureTableBase: Base Usage
   hsPureTableHigh: High Usage
diff --git a/locales/zh-CN.yaml b/locales/zh-CN.yaml
index eb34b895e..e3f255aaf 100644
--- a/locales/zh-CN.yaml
+++ b/locales/zh-CN.yaml
@@ -100,6 +100,7 @@ menus:
   hsPdf: PDF预览
   hsExecl: 导出Excel
   hsInfiniteScroll: 表格无限滚动
+  hsSensitive: 敏感词过滤
   hsdanmaku: 弹幕组件
   hsPureTableBase: 基础用法（23个示例）
   hsPureTableHigh: 高级用法（11个示例）
diff --git a/package.json b/package.json
index d4e91458e..f4e9218e4 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
     "js-cookie": "^3.0.5",
     "jsbarcode": "^3.11.5",
     "md-editor-v3": "2.7.2",
+    "mint-filter": "^4.0.3",
     "mitt": "^3.0.0",
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e698a3b53..d2e6cb5d6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,7 @@ specifiers:
   jsbarcode: ^3.11.5
   lint-staged: ^13.2.2
   md-editor-v3: 2.7.2
+  mint-filter: ^4.0.3
   mitt: ^3.0.0
   mockjs: ^1.1.0
   nprogress: ^0.2.0
@@ -138,6 +139,7 @@ dependencies:
   js-cookie: 3.0.5
   jsbarcode: 3.11.5
   md-editor-v3: 2.7.2
+  mint-filter: 4.0.3
   mitt: 3.0.0
   mockjs: 1.1.0
   nprogress: 0.2.0
@@ -8315,6 +8317,13 @@ packages:
     dev: false
     optional: true
 
+  /mint-filter/4.0.3:
+    resolution:
+      {
+        integrity: sha512-CKh2zKv9oFHEmYCXFk5REG2480FBNYixK+hw0mlRd/TgDJVhPpRhHPNhWa3Q6zF1tpE2q7w7y+Ylu1YJusXDpA==
+      }
+    dev: false
+
   /mitt/2.1.0:
     resolution:
       {
diff --git a/src/router/modules/able.ts b/src/router/modules/able.ts
index 35e5bef0f..73d052703 100644
--- a/src/router/modules/able.ts
+++ b/src/router/modules/able.ts
@@ -146,6 +146,15 @@ export default {
       meta: {
         title: $t("menus.hsInfiniteScroll")
       }
+    },
+    {
+      path: "/able/sensitive",
+      name: "Sensitive",
+      component: () => import("@/views/able/sensitive.vue"),
+      meta: {
+        title: $t("menus.hsSensitive"),
+        extraIcon: "IF-pure-iconfont-new svg"
+      }
     }
   ]
 } as RouteConfigsTable;
diff --git a/src/views/able/sensitive.vue b/src/views/able/sensitive.vue
new file mode 100644
index 000000000..0bcb5ae67
--- /dev/null
+++ b/src/views/able/sensitive.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { ref } from "vue";
+import Mint from "mint-filter";
+
+defineOptions({
+  name: "Sensitive"
+});
+
+// 自定义敏感词字典
+const words = ["脑残", "废物", "白痴", "三八", "智障"];
+
+const modelValue = ref();
+const mint = new Mint(words);
+
+function onInput() {
+  modelValue.value = mint.filter(modelValue.value).text;
+}
+</script>
+
+<template>
+  <el-card shadow="never">
+    <template #header>
+      <div class="card-header">
+        <span class="font-medium">敏感词过滤</span>
+      </div>
+    </template>
+    <div class="flex flex-wrap gap-2 my-2">
+      <span>自定义敏感词</span>
+      <el-tag
+        v-for="(word, index) in words"
+        :key="index"
+        type="danger"
+        class="mx-1"
+        effect="dark"
+        round
+      >
+        {{ word }}
+      </el-tag>
+    </div>
+    <el-input v-model="modelValue" @input="onInput" />
+    <p class="mt-2">{{ modelValue }}</p>
+  </el-card>
+</template>