From 106aadf78846c6fe283b906da7ec1e718dc2a9a5 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Fri, 16 Sep 2022 00:36:09 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(component):=20[tag]=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=20tag=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/index.ts                |  3 ++
 .../src/document/zh-CN/components/dropdown.md |  2 +-
 .../src/document/zh-CN/components/tag.md      | 32 +++++++++----------
 .../src/view/utils/menus.ts                   |  6 ++++
 4 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/package/component/src/index.ts b/package/component/src/index.ts
index 484d079d..97b4475d 100644
--- a/package/component/src/index.ts
+++ b/package/component/src/index.ts
@@ -90,6 +90,7 @@ import LayCascader from "./component/cascader/index";
 import LayAffix from "./component/affix/index";
 import LaySpace from "./component/space/index";
 import LayTag from "./component/tag/index";
+import LayTagInput from "./component/tagInput/index";
 import LayConfigProvider from "./provider";
 import { InstallOptions } from "./types";
 
@@ -178,6 +179,7 @@ const components: Record<string, Plugin> = {
   LayAffix,
   LaySpace,
   LayTag,
+  LayTagInput,
 };
 
 const install = (app: App, options?: InstallOptions): void => {
@@ -273,6 +275,7 @@ export {
   LayAffix,
   LaySpace,
   LayTag,
+  LayTagInput,
   install,
 };
 
diff --git a/package/document-component/src/document/zh-CN/components/dropdown.md b/package/document-component/src/document/zh-CN/components/dropdown.md
index 296c48fe..111d8c10 100644
--- a/package/document-component/src/document/zh-CN/components/dropdown.md
+++ b/package/document-component/src/document/zh-CN/components/dropdown.md
@@ -24,7 +24,7 @@
         </lay-dropdown-menu>
     </template>
   </lay-dropdown>
-  <lay-dropdown updateAtScroll popupContainer=".layui-body">
+  <lay-dropdown popupContainer=".layui-body>div">
     <lay-button type="primary">下拉菜单</lay-button>
     <template #content>
         <lay-dropdown-menu>
diff --git a/package/document-component/src/document/zh-CN/components/tag.md b/package/document-component/src/document/zh-CN/components/tag.md
index 5c5f2c14..b3f1fa12 100644
--- a/package/document-component/src/document/zh-CN/components/tag.md
+++ b/package/document-component/src/document/zh-CN/components/tag.md
@@ -4,13 +4,13 @@
 ::: title 基本介绍
 :::
 
-::: describe 标签组件。
+::: describe 标签组件
 :::
 
 ::: title 基础使用
 :::
 
-::: demo 标签的基本用法。
+::: demo 标签的基本用法
 
 <template>
 <lay-space size="md">
@@ -29,7 +29,7 @@
 ::: title 标签尺寸
 :::
 
-::: demo 通过 size 属性控制标签尺寸。
+::: demo 通过 size 属性控制标签尺寸
 
 <template>
 <lay-space direction="vertical" size="md">
@@ -125,7 +125,7 @@
 ::: title 标签颜色
 :::
 
-::: demo 标签颜色
+::: demo 标签颜色, 通过 color 属性自定义颜色
 
 <template>
 <lay-space direction="vertical" size="md">
@@ -209,7 +209,7 @@ const COLORS = [
 ::: title 图标插槽
 :::
 
-::: demo 通过插槽自定义图标。
+::: demo 通过插槽自定义图标
 
 <template>
 <lay-space size="md">
@@ -252,7 +252,7 @@ const COLORS = [
 ::: title 动态编辑
 :::
 
-::: demo 标签的基本用法。
+::: demo
 
 <template>
   {{ tagData }}
@@ -341,15 +341,15 @@ export default {
 
 | 属性        | 描述     | 类型    | 默认值    | 可选值                             |
 | ----------- | -------- | ------ | ------ | ------ |
-| type        | 标签类型  | string | -| `primary` `normal` `warm` `danger`
-| size | 标签大小 | string | md | `lg` `md` `sm` `xs`|
-| color | 自定义标签颜色 | string | -| - | 
-| bordered | 是否显示边框 | boolean | `true` | `true` `false`|
-| closable | 是否可关闭 | boolean | false | `true` `false`|
-| variant  | 标签风格  | string | `dark` | `dark` `light` `plain`|
-| disabled | 禁用标签  | boolean | false | `true` `false`|
-| shape    | 标签类型  | string | square | `square` `round`|
-| maxWidth | 标签最大宽度 | string| -- | --|
+| type        | 标签类型  | `string` | -| `primary` `normal` `warm` `danger`
+| size | 标签大小 |`string` | `md` | `lg` `md` `sm` `xs`|
+| color | 自定义标签颜色 | `string` | -| - | 
+| bordered | 是否显示边框 | `boolean` | `true` | `true` `false`|
+| closable | 是否可关闭 | `boolean` | `false` | `true` `false`|
+| variant  | 标签风格  | `string` | `dark` | `dark` `light` `plain`|
+| disabled | 禁用标签  | `boolean` | `false` | `true` `false`|
+| shape    | 标签形状  | `string` | `square` | `square` `round`|
+| maxWidth | 标签最大宽度 | `string`| -- | --|
 
 :::
 
@@ -370,7 +370,7 @@ export default {
 :::table
 | 事件 | 描述 | 参数 |
 |------ |----------|-----------|
-| close | 关闭时触发 | e: MouseEvent |
+| close | 点击关闭图标时触发 | (e: MouseEvent) |
 :::
 
 ::: contributor tag
diff --git a/package/document-component/src/view/utils/menus.ts b/package/document-component/src/view/utils/menus.ts
index a7f413e1..683398e2 100644
--- a/package/document-component/src/view/utils/menus.ts
+++ b/package/document-component/src/view/utils/menus.ts
@@ -383,6 +383,12 @@ const menus = [
         subTitle: "affix",
         path: "/zh-CN/components/affix",
       },
+      {
+        id: 110,
+        title: "标签",
+        subTitle: "tag",
+        path: "/zh-CN/components/tag",
+      },
     ],
   },
   {