diff --git a/src/config.json b/src/config.json
index c1c32bab9d..65bd231a8a 100644
--- a/src/config.json
+++ b/src/config.json
@@ -706,6 +706,7 @@
           "version": "3.0.0",
           "name": "Tag",
           "cName": "标签",
+          "setup": true,
           "desc": "标签",
           "author": "liqiong"
         },
diff --git a/src/packages/__VUE/backtop/doc.taro.md b/src/packages/__VUE/backtop/doc.taro.md
index a24cad3c51..7ecb5dd425 100644
--- a/src/packages/__VUE/backtop/doc.taro.md
+++ b/src/packages/__VUE/backtop/doc.taro.md
@@ -48,7 +48,7 @@ app.use(Backtop);
 组件导出以下类型定义：
 
 ```ts
-import type { BacktopProps, BacktopInstance } from '@nutui/nutui';
+import type { BacktopProps, BacktopInstance } from '@nutui/nutui-taro';
 ```
 
 ## 主题定制
diff --git a/src/packages/__VUE/card/index.taro.vue b/src/packages/__VUE/card/index.taro.vue
index 318aead9f5..0386dccebe 100644
--- a/src/packages/__VUE/card/index.taro.vue
+++ b/src/packages/__VUE/card/index.taro.vue
@@ -31,7 +31,7 @@
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
 import NutPrice from '../price/index.taro';
-import NutTag from '../tag/index.taro.vue';
+import NutTag from '../tag/index.taro';
 const { create } = createComponent('card');
 export default create({
   components: {
diff --git a/src/packages/__VUE/card/index.vue b/src/packages/__VUE/card/index.vue
index f683a977d0..d260ac7c87 100644
--- a/src/packages/__VUE/card/index.vue
+++ b/src/packages/__VUE/card/index.vue
@@ -31,7 +31,7 @@
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
 import NutPrice from '../price';
-import NutTag from '../tag/index.vue';
+import NutTag from '../tag';
 const { create } = createComponent('card');
 export default create({
   components: {
diff --git a/src/packages/__VUE/tag/doc.en-US.md b/src/packages/__VUE/tag/doc.en-US.md
index ebba3343e9..b9c2353050 100644
--- a/src/packages/__VUE/tag/doc.en-US.md
+++ b/src/packages/__VUE/tag/doc.en-US.md
@@ -32,7 +32,7 @@ app.use(Tag);
 
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
-| type | Label type，can be set `primary` `success` `danger` `warning` | string | `default` |
+| type | Label type，can be set `primary` `success` `danger` `warning`、`default` | string | `default` |
 | color | Label color | string | - |
 | text-color | Text color, which takes precedence over the `color` attribute | string | `white` |
 | plain | Whether it is plain | boolean | `false` |
@@ -53,6 +53,14 @@ app.use(Tag);
 | click | click event | `event` |
 | close | close event | `event` |
 
+### Types version
+
+The component exports the following type definitions:
+
+```js
+import type { TagType, TagProps, TagInstance } from '@nutui/nutui';
+```
+
 ## Theming
 
 ### CSS Variables
diff --git a/src/packages/__VUE/tag/doc.md b/src/packages/__VUE/tag/doc.md
index e134f289eb..7d90479c40 100644
--- a/src/packages/__VUE/tag/doc.md
+++ b/src/packages/__VUE/tag/doc.md
@@ -32,7 +32,7 @@ app.use(Tag);
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| type | 标签类型，可选值为 `primary`、`success`、`danger`、`warning` | string | `default` |
+| type | 标签类型，可选值为 `primary`、`success`、`danger`、`warning`、`default` | string | `default` |
 | color | 标签颜色 | string | - |
 | text-color | 文本颜色，优先级高于 `color` 属性 | string | `white` |
 | plain | 是否为空心样式 | boolean | `false` |
@@ -53,6 +53,14 @@ app.use(Tag);
 | click | 点击事件 | `event` |
 | close | 关闭事件 | `event` |
 
+### 类型定义 version
+
+组件导出以下类型定义：
+
+```js
+import type { TagType, TagProps, TagInstance } from '@nutui/nutui';
+```
+
 ## 主题定制
 
 ### 样式变量
diff --git a/src/packages/__VUE/tag/doc.taro.md b/src/packages/__VUE/tag/doc.taro.md
index 99350ef556..478bb539c3 100644
--- a/src/packages/__VUE/tag/doc.taro.md
+++ b/src/packages/__VUE/tag/doc.taro.md
@@ -32,7 +32,7 @@ app.use(Tag);
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| type | 标签类型，可选值为 `primary`、`success`、`danger`、`warning` | string | `default` |
+| type | 标签类型，可选值为 `primary`、`success`、`danger`、`warning`、`default` | string | `default` |
 | color | 标签颜色 | string | - |
 | text-color | 文本颜色，优先级高于 `color` 属性 | string | `white` |
 | plain | 是否为空心样式 | boolean | `false` |
@@ -53,6 +53,14 @@ app.use(Tag);
 | click | 点击事件 | `event` |
 | close | 关闭事件 | `event` |
 
+### 类型定义 version
+
+组件导出以下类型定义：
+
+```js
+import type { TagType, TagProps, TagInstance } from '@nutui/nutui-taro';
+```
+
 ## 主题定制
 
 ### 样式变量
diff --git a/src/packages/__VUE/tag/index.taro.ts b/src/packages/__VUE/tag/index.taro.ts
new file mode 100644
index 0000000000..9a2a49bcb6
--- /dev/null
+++ b/src/packages/__VUE/tag/index.taro.ts
@@ -0,0 +1,13 @@
+import Tag from './tag.taro.vue';
+import type { ComponentPublicInstance } from 'vue';
+import { withInstall } from '@/packages/utils';
+
+withInstall(Tag);
+
+export type { TagProps } from './tag.taro.vue';
+
+export type { TagType } from './types';
+
+export type TagInstance = ComponentPublicInstance & InstanceType<typeof Tag>;
+
+export { Tag, Tag as default };
diff --git a/src/packages/__VUE/tag/index.taro.vue b/src/packages/__VUE/tag/index.taro.vue
deleted file mode 100644
index 33ff57e12e..0000000000
--- a/src/packages/__VUE/tag/index.taro.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <view :class="classes" :style="style" @click="onClick">
-    <slot></slot>
-    <Close v-if="closeable" class="nut-tag--close" size="11" @click="onClose"></Close>
-  </view>
-</template>
-
-<script lang="ts">
-import { PropType, CSSProperties, computed } from 'vue';
-import { createComponent } from '@/packages/utils/create';
-import { Close } from '@nutui/icons-vue-taro';
-import { TagType } from './types';
-const { create } = createComponent('tag');
-
-export default create({
-  props: {
-    color: {
-      type: String,
-      default: ''
-    },
-    textColor: {
-      type: String,
-      default: ''
-    },
-    type: {
-      type: String as PropType<TagType>,
-      default: 'default'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    mark: {
-      type: Boolean,
-      default: false
-    },
-    closeable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    Close
-  },
-  emits: ['close', 'click'],
-  setup(props, { emit }) {
-    const classes = computed(() => {
-      const prefixCls = 'nut-tag';
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${props.type}`]: props.type,
-        [`${prefixCls}--plain`]: props.plain,
-        [`${prefixCls}--round`]: props.round,
-        [`${prefixCls}--mark`]: props.mark
-      };
-    });
-
-    // 综合考虑 textColor、color、plain 组合使用时的效果
-    const style = computed<CSSProperties>(() => {
-      const style: CSSProperties = {};
-      // 标签内字体颜色
-      if (props.textColor) {
-        style.color = props.textColor;
-      } else if (props.color && props.plain) {
-        style.color = props.color;
-      }
-      // 标签背景与边框颜色
-      if (props.plain) {
-        style.background = '#fff';
-        style['border-color'] = props.color;
-      } else if (props.color) {
-        style.background = props.color;
-      }
-      return style;
-    });
-
-    const onClose = (event: Event) => {
-      event.stopPropagation();
-      emit('close', event);
-    };
-
-    const onClick = (event: Event) => {
-      emit('click', event);
-    };
-
-    return {
-      classes,
-      style,
-      onClose,
-      onClick
-    };
-  }
-});
-</script>
diff --git a/src/packages/__VUE/tag/index.ts b/src/packages/__VUE/tag/index.ts
new file mode 100644
index 0000000000..118a1e36c1
--- /dev/null
+++ b/src/packages/__VUE/tag/index.ts
@@ -0,0 +1,13 @@
+import Tag from './tag.vue';
+import type { ComponentPublicInstance } from 'vue';
+import { withInstall } from '@/packages/utils';
+
+withInstall(Tag);
+
+export type { TagProps } from './tag.vue';
+
+export type { TagType } from './types';
+
+export type TagInstance = ComponentPublicInstance & InstanceType<typeof Tag>;
+
+export { Tag, Tag as default };
diff --git a/src/packages/__VUE/tag/index.vue b/src/packages/__VUE/tag/index.vue
deleted file mode 100644
index aa3426a3ad..0000000000
--- a/src/packages/__VUE/tag/index.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-<template>
-  <view :class="classes" :style="style" @click="onClick">
-    <slot></slot>
-    <Close v-if="closeable" class="nut-tag--close" width="12px" height="12px" @click="onClose"></Close>
-  </view>
-</template>
-
-<script lang="ts">
-import { PropType, CSSProperties, computed } from 'vue';
-import { createComponent } from '@/packages/utils/create';
-import { Close } from '@nutui/icons-vue';
-import { TagType } from './types';
-const { create } = createComponent('tag');
-
-export default create({
-  props: {
-    color: {
-      type: String,
-      default: ''
-    },
-    textColor: {
-      type: String,
-      default: ''
-    },
-    type: {
-      type: String as PropType<TagType>,
-      default: 'default'
-    },
-    plain: {
-      type: Boolean,
-      default: false
-    },
-    round: {
-      type: Boolean,
-      default: false
-    },
-    mark: {
-      type: Boolean,
-      default: false
-    },
-    closeable: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    Close
-  },
-  emits: ['close', 'click'],
-  setup(props, { emit }) {
-    const classes = computed(() => {
-      const prefixCls = 'nut-tag';
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${props.type}`]: props.type,
-        [`${prefixCls}--plain`]: props.plain,
-        [`${prefixCls}--round`]: props.round,
-        [`${prefixCls}--mark`]: props.mark
-      };
-    });
-
-    // 综合考虑 textColor、color、plain 组合使用时的效果
-    const style = computed<CSSProperties>(() => {
-      const style: CSSProperties = {};
-      // 标签内字体颜色
-      if (props.textColor) {
-        style.color = props.textColor;
-      } else if (props.color && props.plain) {
-        style.color = props.color;
-      }
-      // 标签背景与边框颜色
-      if (props.plain) {
-        style.background = '#fff';
-        style['border-color'] = props.color;
-      } else if (props.color) {
-        style.background = props.color;
-      }
-      return style;
-    });
-
-    const onClose = (event: Event) => {
-      event.stopPropagation();
-      emit('close', event);
-    };
-
-    const onClick = (event: Event) => {
-      emit('click', event);
-    };
-
-    return {
-      classes,
-      style,
-      onClose,
-      onClick
-    };
-  }
-});
-</script>
diff --git a/src/packages/__VUE/tag/tag.taro.vue b/src/packages/__VUE/tag/tag.taro.vue
new file mode 100644
index 0000000000..4705b5150e
--- /dev/null
+++ b/src/packages/__VUE/tag/tag.taro.vue
@@ -0,0 +1,73 @@
+<template>
+  <view :class="classes" :style="style" @click="onClick">
+    <slot></slot>
+    <Close v-if="closeable" class="nut-tag--close" width="12px" height="12px" @click.stop="onClose"></Close>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { CSSProperties, computed } from 'vue';
+import { Close } from '@nutui/icons-vue';
+import { TagType } from './types';
+
+defineOptions({
+  name: 'NutTag'
+});
+
+export type TagProps = Partial<{
+  color: string;
+  textColor: string;
+  type: TagType;
+  plain: boolean;
+  round: boolean;
+  mark: boolean;
+  closeable: boolean;
+}>;
+
+const props = withDefaults(defineProps<TagProps>(), {
+  color: '',
+  textColor: '',
+  type: 'default',
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false
+});
+
+const emits = defineEmits(['close', 'click']);
+
+const classes = computed(() => {
+  const prefixCls = 'nut-tag';
+  return {
+    [prefixCls]: true,
+    [`${prefixCls}--${props.type}`]: props.type,
+    [`${prefixCls}--plain`]: props.plain,
+    [`${prefixCls}--round`]: props.round,
+    [`${prefixCls}--mark`]: props.mark
+  };
+});
+
+const style = computed<CSSProperties>(() => {
+  const style: CSSProperties = {};
+  if (props.textColor) {
+    style.color = props.textColor;
+  } else if (props.color && props.plain) {
+    style.color = props.color;
+  }
+  if (props.plain) {
+    style.background = '#fff';
+    style.borderColor = props.color;
+  } else if (props.color) {
+    style.background = props.color;
+  }
+  return style;
+});
+
+const onClose = (event: Event) => {
+  emits('close', event);
+};
+
+const onClick = (event: Event) => {
+  emits('click', event);
+};
+</script>
diff --git a/src/packages/__VUE/tag/tag.vue b/src/packages/__VUE/tag/tag.vue
new file mode 100644
index 0000000000..4705b5150e
--- /dev/null
+++ b/src/packages/__VUE/tag/tag.vue
@@ -0,0 +1,73 @@
+<template>
+  <view :class="classes" :style="style" @click="onClick">
+    <slot></slot>
+    <Close v-if="closeable" class="nut-tag--close" width="12px" height="12px" @click.stop="onClose"></Close>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { CSSProperties, computed } from 'vue';
+import { Close } from '@nutui/icons-vue';
+import { TagType } from './types';
+
+defineOptions({
+  name: 'NutTag'
+});
+
+export type TagProps = Partial<{
+  color: string;
+  textColor: string;
+  type: TagType;
+  plain: boolean;
+  round: boolean;
+  mark: boolean;
+  closeable: boolean;
+}>;
+
+const props = withDefaults(defineProps<TagProps>(), {
+  color: '',
+  textColor: '',
+  type: 'default',
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false
+});
+
+const emits = defineEmits(['close', 'click']);
+
+const classes = computed(() => {
+  const prefixCls = 'nut-tag';
+  return {
+    [prefixCls]: true,
+    [`${prefixCls}--${props.type}`]: props.type,
+    [`${prefixCls}--plain`]: props.plain,
+    [`${prefixCls}--round`]: props.round,
+    [`${prefixCls}--mark`]: props.mark
+  };
+});
+
+const style = computed<CSSProperties>(() => {
+  const style: CSSProperties = {};
+  if (props.textColor) {
+    style.color = props.textColor;
+  } else if (props.color && props.plain) {
+    style.color = props.color;
+  }
+  if (props.plain) {
+    style.background = '#fff';
+    style.borderColor = props.color;
+  } else if (props.color) {
+    style.background = props.color;
+  }
+  return style;
+});
+
+const onClose = (event: Event) => {
+  emits('close', event);
+};
+
+const onClick = (event: Event) => {
+  emits('click', event);
+};
+</script>
diff --git a/src/packages/__VUE/tag/types.ts b/src/packages/__VUE/tag/types.ts
index 73adf915c5..0ff312b743 100644
--- a/src/packages/__VUE/tag/types.ts
+++ b/src/packages/__VUE/tag/types.ts
@@ -1 +1 @@
-export type TagType = 'primary' | 'success' | 'danger' | 'warning';
+export type TagType = 'primary' | 'success' | 'danger' | 'warning' | 'default';