From d30a3b00127a439ce8e5c25441f9237ea4438371 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Sat, 6 Aug 2022 09:25:11 +0800
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F:=20rename=20inputTag=20to=20?=
 =?UTF-8?q?tagInput?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/component/tagInput/index.vue          |  2 +-
 package/component/src/index.ts                |  3 ++
 .../src/document/zh-CN/components/tagInput.md | 41 +++++++++++++++++++
 .../document-component/src/router/zh-CN.ts    |  5 +++
 4 files changed, 50 insertions(+), 1 deletion(-)
 create mode 100644 package/document-component/src/document/zh-CN/components/tagInput.md

diff --git a/package/component/src/component/tagInput/index.vue b/package/component/src/component/tagInput/index.vue
index 33d3d6b4..371faee4 100644
--- a/package/component/src/component/tagInput/index.vue
+++ b/package/component/src/component/tagInput/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 export default {
-  name: "LayInputTag",
+  name: "LayTagInput",
 };
 </script>
 <script lang="ts" setup>
diff --git a/package/component/src/index.ts b/package/component/src/index.ts
index 4021ce3d..15d8b409 100644
--- a/package/component/src/index.ts
+++ b/package/component/src/index.ts
@@ -89,6 +89,7 @@ import LayPageHeader from "./component/pageHeader/index";
 import LayCascader from "./component/cascader/index";
 import LayAffix from "./component/affix/index";
 import LayTag from "./component/tag/index";
+import LayTagInput from "./component/tagInput/index";
 import LayConfigProvider from "./provider";
 import { InstallOptions } from "./types";
 
@@ -176,6 +177,7 @@ const components: Record<string, Plugin> = {
   LayCascader,
   LayAffix,
   LayTag,
+  LayTagInput,
 };
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -270,6 +272,7 @@ export {
   LayCascader,
   LayAffix,
   LayTag,
+  LayTagInput,
   install,
 };
 
diff --git a/package/document-component/src/document/zh-CN/components/tagInput.md b/package/document-component/src/document/zh-CN/components/tagInput.md
new file mode 100644
index 00000000..15268db1
--- /dev/null
+++ b/package/document-component/src/document/zh-CN/components/tagInput.md
@@ -0,0 +1,41 @@
+::: anchor
+:::
+
+::: title 基本介绍
+:::
+
+::: describe 通过鼠标或键盘，输入范围内的数值。
+:::
+
+::: title 基础使用
+:::
+
+::: demo 使用 `lay-input` 标签, 创建输入框. FIXME 上游组件变动,已不适用,待重构
+
+<template>
+  <lay-tag-input v-model="data1" v-model:inputValue="inputValue" style="width:60%"></lay-tag-input>
+</template>
+
+<script>
+import { ref,watch } from 'vue'
+
+export default {
+  setup() {
+    const data1 = ref(['Vue', 'React']);
+    const inputValue = ref();
+    watch(data1, (val) => {
+      console.log("tagData",val)
+    })
+    watch(inputValue, (val) => {
+      console.log("inputValue",val)
+    })
+
+    return {
+      data1,
+      inputValue
+    }
+  }
+}
+</script>
+
+:::
\ No newline at end of file
diff --git a/package/document-component/src/router/zh-CN.ts b/package/document-component/src/router/zh-CN.ts
index 00cb3750..be47a9b2 100644
--- a/package/document-component/src/router/zh-CN.ts
+++ b/package/document-component/src/router/zh-CN.ts
@@ -424,6 +424,11 @@ const zhCN = [
             component: () => import("../document/zh-CN/components/tag.md"),
             meta: { title: "标签" },
           },
+          {
+            path: "/zh-CN/components/tagInput",
+            component: () => import("../document/zh-CN/components/tagInput.md"),
+            meta: { title: "标签" },
+          },
         ],
       },
     ],