diff --git a/package.json b/package.json
index 0685ed40..396f940a 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,7 @@
     "@types/vscode": "^1.77.0",
     "@typescript-eslint/typescript-estree": "^6.0.0",
     "@vscode-use/createwebview": "^0.0.10",
-    "@vscode-use/utils": "^0.0.56",
+    "@vscode-use/utils": "^0.0.61",
     "@vue/compiler-sfc": "^3.3.4",
     "axios": "^1.6.0",
     "bing-translate-api": "^2.9.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4ffbad25..1830f64a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^0.0.10
         version: 0.0.10
       '@vscode-use/utils':
-        specifier: ^0.0.56
-        version: 0.0.56
+        specifier: ^0.0.61
+        version: 0.0.61
       '@vue/compiler-sfc':
         specifier: ^3.3.4
         version: 3.3.4
@@ -863,8 +863,8 @@ packages:
     engines: {vscode: ^1.77.0}
     dev: true
 
-  /@vscode-use/utils@0.0.56:
-    resolution: {integrity: sha512-2neX569sIpnfQeXYxq9nQYZA3zoIARDIwTBQV/WdyglmIpLbelpeDjwSOjZhZaN6m11VYtAfIGkksOugJFQkxA==}
+  /@vscode-use/utils@0.0.61:
+    resolution: {integrity: sha512-vRRICRlIZUAI3z+P90oqPhrlkXYDVpDOMWC+dASVnTH2ZMdJcd9TTxLc073nK9AL54c2LOAxeE6nf+Q0Otvvyw==}
     engines: {vscode: ^1.77.0}
     dev: true
 
diff --git a/scripts/generateIndex.ts b/scripts/generateIndex.ts
index 71c6b66e..c9f46e8a 100644
--- a/scripts/generateIndex.ts
+++ b/scripts/generateIndex.ts
@@ -4,14 +4,21 @@ const fg = require('fast-glob')
 const fsp = require('node:fs/promises')
 
 export async function run() {
-  const folder = 'src/ui/arcoDesignVue'
-  const name = 'arcoDesignVue2'
+  const folder = 'src/ui/antDesignVue'
+  const name = 'antDesignVue4'
   const isHyphen = true /** 生成的模板中的使用是 true ? a-affix : AAfix */
   const url = path.resolve(root, `${folder}/${name}`)
   const entry = await fg(['**/*.json'], { dot: true, cwd: url })
   const imports = entry.map((_url: string) => `import ${_url.split('.')[0]} from './${_url}'`)
+  let prefix = ''
+  debugger
   const map = entry.map((_url: string) => {
-    return `[${_url.split('.')[0]}, "xx", "<${_url.split('.')[0]}></${_url.split('.')[0]}>"],`
+    let tagName = 'A'+_url.split('.')[0]
+    if (isHyphen) {
+      tagName = hyphenate(tagName)
+      prefix = '\'' + tagName.split('-')[0] + '\''
+    }
+    return `[${_url.split('.')[0]}, ${_url.split('.')[0]}.name, "<${tagName}></${tagName}>"],`
   })
   const template =
     `import { componentsReducer, propsReducer } from '../../utils'
@@ -29,10 +36,15 @@ export function ${name}Components() {
   const map = [
     ${map.join('\n    ')}
   ]
-  return componentsReducer(map, ${isHyphen})
+  return componentsReducer(map, ${isHyphen}, ${prefix})
 }
 `
   fsp.writeFile(path.resolve(root, `${folder}/${name}/index.ts`), template)
 }
 
 run()
+
+
+function hyphenate(s: string): string {
+  return s.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '')
+}
diff --git a/src/index.ts b/src/index.ts
index e98b8a67..66af79b6 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,5 +1,5 @@
 import * as vscode from 'vscode'
-import { addEventListener, copyText, createCompletionItem, getActiveTextEditorLanguageId, getSelection, message, openExternalUrl, registerCommand, registerCompletionItemProvider } from '@vscode-use/utils'
+import { addEventListener, createCompletionItem, getActiveText, getActiveTextEditorLanguageId, getSelection, message, openExternalUrl, registerCommand, registerCompletionItemProvider, setCopyText } from '@vscode-use/utils'
 import { CreateWebview } from '@vscode-use/createwebview'
 import { findPkgUI, parser } from './utils'
 import UI from './ui'
@@ -34,11 +34,12 @@ export function activate(context: vscode.ExtensionContext) {
       findUI()
   }))
   context.subscriptions.push(registerCommand('intellisense.copyDemo', () => {
-    copyText(global.commonIntellisense.copyDom)
+    setCopyText(global.commonIntellisense.copyDom)
     message.info('copy successfully')
   }))
 
   findUI()
+
   context.subscriptions.push(registerCompletionItemProvider(filter, (document, position) => {
     const { lineText } = getSelection()!
     const p: any = position
@@ -57,6 +58,7 @@ export function activate(context: vscode.ExtensionContext) {
 
     const lan = getActiveTextEditorLanguageId()
     const isVue = lan === 'vue'
+    const deps = optionsComponents.prefix.length ? getImportDeps(getActiveText()!) : undefined
     const { character } = position
     const isPreEmpty = lineText[character - 1] === ' '
     const isValue = result.isValue
@@ -94,7 +96,27 @@ export function activate(context: vscode.ExtensionContext) {
         return UiCompletions.icons
 
       const propName = result.propName
-      const { events, completions } = UiCompletions[name]
+      let target = UiCompletions[name]
+      if (!target) {
+        const prefix = optionsComponents.prefix
+        let flag = false
+        for (const d in deps) {
+          const n = deps[d]
+          for (const p of prefix) {
+            const t = UiCompletions[p.toUpperCase() + n]
+            if (t) {
+              target = t
+              flag = true
+              break
+            }
+          }
+          if (flag)
+            break
+        }
+      }
+      if (!target)
+        return
+      const { events, completions } = target
       if (!completionsCallbacks.has(name)) {
         const _events = events[0]()
         eventCallbacks.set(name, _events)
@@ -188,10 +210,12 @@ export function activate(context: vscode.ExtensionContext) {
       return optionsComponents.data
     }
   }, ['"', '\'', '-', ' ', '@', '.']))
+
   const provider = new CreateWebview(context.extensionUri, {
     viewColumn: vscode.ViewColumn.Beside,
     scripts: ['main.js'],
   })
+
   context.subscriptions.push(registerCommand('intellisense.openDocument', (args) => {
     // 注册全局的link点击时间
     const url = args.link
@@ -224,6 +248,7 @@ export function activate(context: vscode.ExtensionContext) {
       }
     })
   }))
+
   context.subscriptions.push(registerCommand('intellisense.openDocumentExternal', (args) => {
     // 注册全局的link点击时间
     const url = args.link
@@ -231,6 +256,7 @@ export function activate(context: vscode.ExtensionContext) {
       return
     openExternalUrl(url)
   }))
+
   const LANS = ['javascriptreact', 'typescript', 'typescriptreact', 'vue', 'svelte', 'solid', 'swan', 'react', 'js', 'ts', 'tsx', 'jsx']
 
   context.subscriptions.push(vscode.languages.registerHoverProvider(LANS, {
@@ -243,7 +269,17 @@ export function activate(context: vscode.ExtensionContext) {
       if (!optionsComponents.data.length || !word)
         return new vscode.Hover('')
 
-      const target = UiCompletions[toCamel(word)[0].toUpperCase() + toCamel(word).slice(1)]
+      let target = UiCompletions[toCamel(word)[0].toUpperCase() + toCamel(word).slice(1)]
+      if (!target) {
+        const prefix = optionsComponents.prefix
+        for (const p of prefix) {
+          const t = UiCompletions[p.toUpperCase() + word]
+          if (t) {
+            target = t
+            break
+          }
+        }
+      }
       if (!target)
         return
 
@@ -323,3 +359,19 @@ function isSamePrefix(label: string, key: string) {
   }
   return labelName === key
 }
+
+const IMPORT_REG = /import\s+{([^\}]+)}\s+from\s+['"]([^"']+)['"]/g
+function getImportDeps(text: string) {
+  const deps: Record<string, string[]> = {}
+  for (const match of text.matchAll(IMPORT_REG)) {
+    if (!match)
+      continue
+    const from = match[2]
+    if (/^[\.\/\@]/.test(from))
+      continue
+    if (!UINames.map((i: string) => i.replace(/[0-9]/g, '')).includes(toCamel(from)))
+      continue
+    deps[from] = match[1].replace(/\s/g, '').split(',')
+  }
+  return deps
+}
diff --git a/src/ui/antDesignVue/antDesignVue4/index.ts b/src/ui/antDesignVue/antDesignVue4/index.ts
index 707ac5cc..1b7925d4 100644
--- a/src/ui/antDesignVue/antDesignVue4/index.ts
+++ b/src/ui/antDesignVue/antDesignVue4/index.ts
@@ -1,428 +1,320 @@
-import { getLocale } from '@vscode-use/utils'
 import { componentsReducer, propsReducer } from '../../utils'
-import AAffix from './Affix.json'
-import AAlert from './Alert.json'
-import AAnchor from './Anchor.json'
-import AAutoComplete from './AutoComplete.json'
-import AAvatar from './Avatar.json'
-import AAvatarGroup from './AvatarGroup.json'
-import ABackTop from './BackTop.json'
-import ABadge from './Badge.json'
-import ABadgeRibbon from './BadgeRibbon.json'
-import ABreadcrumb from './Breadcrumb.json'
-import ABreadcrumbItem from './BreadcrumbItem.json'
-import ABreadcrumbSeparator from './BreadcrumbSeparator.json'
-import AButton from './Button.json'
-import ACalendar from './Calendar.json'
-import ACard from './Card.json'
-import ACardMeta from './CardMeta.json'
-import ACarousel from './Carousel.json'
-import ACascader from './Cascader.json'
-import ACheckableTag from './CheckableTag.json'
-import ACheckbox from './Checkbox.json'
-import ACheckboxGroup from './CheckboxGroup.json'
-import ACol from './Col.json'
-import ACollapse from './Collapse.json'
-import ACollapsePanel from './CollapsePanel.json'
-import AComment from './Comment.json'
-import AConfigProvider from './ConfigProvider.json'
-import ADatePicker from './DatePicker.json'
-import ADescriptions from './Descriptions.json'
-import ADescriptionsItem from './DescriptionsItem.json'
-import ADivider from './Divider.json'
-import ADrawer from './Drawer.json'
-import ADropdown from './Dropdown.json'
-import ADropdownButton from './DropdownButton.json'
-import AEmpty from './Empty.json'
-import AFloatButton from './FloatButton.json'
-import AFloatButtonGroup from './FloatButtonGroup.json'
-import AForm from './Form.json'
-import AFormItem from './FormItem.json'
-import AImage from './Image.json'
-import AInput from './Input.json'
-import AInputGroup from './InputGroup.json'
-import AInputNumber from './InputNumber.json'
-import AInputPassword from './InputPassword.json'
-import AInputSearch from './InputSearch.json'
-import ALayout from './Layout.json'
-import ALayoutSider from './LayoutSider.json'
-import AList from './List.json'
-import AListItem from './ListItem.json'
-import AListItemMeta from './ListItemMeta.json'
-import AMentions from './Mentions.json'
-import AMenu from './Menu.json'
-import AModal from './Modal.json'
-import APageHeader from './PageHeader.json'
-import APagination from './Pagination.json'
-import APopconfirm from './Popconfirm.json'
-import APopover from './Popover.json'
-import AProgress from './Progress.json'
-import AQrcode from './Qrcode.json'
-import ARadio from './Radio.json'
-import ARadioButton from './RadioButton.json'
-import ARadioGroup from './RadioGroup.json'
-import ARangePicker from './RangePicker.json'
-import ARate from './Rate.json'
-import AResult from './Result.json'
-import ARow from './Row.json'
-import ASegmented from './Segmented.json'
-import ASelect from './Select.json'
-import ASelectOption from './SelectOption.json'
-import ASelectOptionGroup from './SelectOptionGroup.json'
-import ASkeleton from './Skeleton.json'
-import ASlider from './Slider.json'
-import ASpace from './Space.json'
-import ASpaceCompact from './SpaceCompact.json'
-import ASpin from './Spin.json'
-import AStatistic from './Statistic.json'
-import AStatisticCountdown from './StatisticCountdown.json'
-import ASteps from './Steps.json'
-import ASwitch from './Switch.json'
-import ATable from './Table.json'
-import ATableColumn from './TableColumn.json'
-import ATabPane from './TabPane.json'
-import ATabs from './Tabs.json'
-import ATag from './Tag.json'
-import ATextarea from './Textarea.json'
-import ATimeline from './Timeline.json'
-import ATimelineItem from './TimelineItem.json'
-import ATimePicker from './TimePicker.json'
-import ATooltip from './Tooltip.json'
-import ATour from './Tour.json'
-import ATransfer from './Transfer.json'
-import ATree from './Tree.json'
-import ATreeSelect from './TreeSelect.json'
-import ATypography from './Typography.json'
-import ATypographyLink from './TypographyLink.json'
-import ATypographyParagraph from './TypographyParagraph.json'
-import ATypographyText from './TypographyText.json'
-import ATypographyTitle from './TypographyTitle.json'
-import AUpload from './Upload.json'
-import AWatermark from './Watermark.json'
-import ALayoutContent from './LayoutContent.json'
-import ALayoutFooter from './LayoutFooter.json'
-import ALayoutHeader from './LayoutHeader.json'
+import Affix from './Affix.json'
+import Alert from './Alert.json'
+import Anchor from './Anchor.json'
+import AutoComplete from './AutoComplete.json'
+import Avatar from './Avatar.json'
+import AvatarGroup from './AvatarGroup.json'
+import BackTop from './BackTop.json'
+import Badge from './Badge.json'
+import BadgeRibbon from './BadgeRibbon.json'
+import Breadcrumb from './Breadcrumb.json'
+import BreadcrumbItem from './BreadcrumbItem.json'
+import BreadcrumbSeparator from './BreadcrumbSeparator.json'
+import Button from './Button.json'
+import Calendar from './Calendar.json'
+import Card from './Card.json'
+import CardMeta from './CardMeta.json'
+import Carousel from './Carousel.json'
+import Cascader from './Cascader.json'
+import CheckableTag from './CheckableTag.json'
+import Checkbox from './Checkbox.json'
+import CheckboxGroup from './CheckboxGroup.json'
+import Col from './Col.json'
+import Collapse from './Collapse.json'
+import CollapsePanel from './CollapsePanel.json'
+import Comment from './Comment.json'
+import ConfigProvider from './ConfigProvider.json'
+import DatePicker from './DatePicker.json'
+import Descriptions from './Descriptions.json'
+import DescriptionsItem from './DescriptionsItem.json'
+import Divider from './Divider.json'
+import Drawer from './Drawer.json'
+import Dropdown from './Dropdown.json'
+import DropdownButton from './DropdownButton.json'
+import Empty from './Empty.json'
+import FloatButton from './FloatButton.json'
+import FloatButtonGroup from './FloatButtonGroup.json'
+import Form from './Form.json'
+import FormItem from './FormItem.json'
+import Image from './Image.json'
+import Input from './Input.json'
+import InputGroup from './InputGroup.json'
+import InputNumber from './InputNumber.json'
+import InputPassword from './InputPassword.json'
+import InputSearch from './InputSearch.json'
+import Layout from './Layout.json'
+import LayoutContent from './LayoutContent.json'
+import LayoutFooter from './LayoutFooter.json'
+import LayoutHeader from './LayoutHeader.json'
+import LayoutSider from './LayoutSider.json'
+import List from './List.json'
+import ListItem from './ListItem.json'
+import ListItemMeta from './ListItemMeta.json'
+import Mentions from './Mentions.json'
+import Menu from './Menu.json'
+import Modal from './Modal.json'
+import PageHeader from './PageHeader.json'
+import Pagination from './Pagination.json'
+import Popconfirm from './Popconfirm.json'
+import Popover from './Popover.json'
+import Progress from './Progress.json'
+import Qrcode from './Qrcode.json'
+import Radio from './Radio.json'
+import RadioButton from './RadioButton.json'
+import RadioGroup from './RadioGroup.json'
+import RangePicker from './RangePicker.json'
+import Rate from './Rate.json'
+import Result from './Result.json'
+import Row from './Row.json'
+import Segmented from './Segmented.json'
+import Select from './Select.json'
+import SelectOption from './SelectOption.json'
+import SelectOptionGroup from './SelectOptionGroup.json'
+import Skeleton from './Skeleton.json'
+import Slider from './Slider.json'
+import Space from './Space.json'
+import SpaceCompact from './SpaceCompact.json'
+import Spin from './Spin.json'
+import Statistic from './Statistic.json'
+import StatisticCountdown from './StatisticCountdown.json'
+import Steps from './Steps.json'
+import Switch from './Switch.json'
+import TabPane from './TabPane.json'
+import Table from './Table.json'
+import TableColumn from './TableColumn.json'
+import Tabs from './Tabs.json'
+import Tag from './Tag.json'
+import Textarea from './Textarea.json'
+import TimePicker from './TimePicker.json'
+import Timeline from './Timeline.json'
+import TimelineItem from './TimelineItem.json'
+import Tooltip from './Tooltip.json'
+import Tour from './Tour.json'
+import Transfer from './Transfer.json'
+import Tree from './Tree.json'
+import TreeSelect from './TreeSelect.json'
+import Typography from './Typography.json'
+import TypographyLink from './TypographyLink.json'
+import TypographyParagraph from './TypographyParagraph.json'
+import TypographyText from './TypographyText.json'
+import TypographyTitle from './TypographyTitle.json'
+import Upload from './Upload.json'
+import Watermark from './Watermark.json'
 
 export function antDesignVue4() {
   const map: any = [
-    AAffix,
-    AAlert,
-    AAnchor,
-    AAutoComplete,
-    AAvatar,
-    AAvatarGroup,
-    ABackTop,
-    ABadge,
-    ABadgeRibbon,
-    ABreadcrumb,
-    ABreadcrumbItem,
-    ABreadcrumbSeparator,
-    AButton,
-    ACalendar,
-    ACard,
-    ACardMeta,
-    ACarousel,
-    ACascader,
-    ACheckableTag,
-    ACheckbox,
-    ACheckboxGroup,
-    ACol,
-    ACollapse,
-    ACollapsePanel,
-    AComment,
-    AConfigProvider,
-    ADatePicker,
-    ADescriptions,
-    ADescriptionsItem,
-    ADivider,
-    ADrawer,
-    ADropdown,
-    ADropdownButton,
-    AEmpty,
-    AFloatButton,
-    AFloatButtonGroup,
-    AForm,
-    AFormItem,
-    AImage,
-    AInput,
-    AInputGroup,
-    AInputNumber,
-    AInputPassword,
-    AInputSearch,
-    ALayout,
-    ALayoutSider,
-    AList,
-    AListItem,
-    AListItemMeta,
-    AMentions,
-    AMenu,
-    AModal,
-    APageHeader,
-    APagination,
-    APopconfirm,
-    APopover,
-    AProgress,
-    AQrcode,
-    ARadio,
-    ARadioButton,
-    ARadioGroup,
-    ARangePicker,
-    ARate,
-    AResult,
-    ARow,
-    ASegmented,
-    ASelect,
-    ASelectOption,
-    ASelectOptionGroup,
-    ASkeleton,
-    ASlider,
-    ASpace,
-    ASpaceCompact,
-    ASpin,
-    AStatistic,
-    AStatisticCountdown,
-    ASteps,
-    ASwitch,
-    ATable,
-    ATableColumn,
-    ATabPane,
-    ATabs,
-    ATag,
-    ATextarea,
-    ATimeline,
-    ATimelineItem,
-    ATimePicker,
-    ATooltip,
-    ATour,
-    ATransfer,
-    ATree,
-    ATreeSelect,
-    ATypography,
-    ATypographyLink,
-    ATypographyParagraph,
-    ATypographyText,
-    ATypographyTitle,
-    AUpload,
-    AWatermark,
-    ALayoutContent,
-    ALayoutFooter,
-    ALayoutHeader,
+    Affix,
+    Alert,
+    Anchor,
+    AutoComplete,
+    Avatar,
+    AvatarGroup,
+    BackTop,
+    Badge,
+    BadgeRibbon,
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbSeparator,
+    Button,
+    Calendar,
+    Card,
+    CardMeta,
+    Carousel,
+    Cascader,
+    CheckableTag,
+    Checkbox,
+    CheckboxGroup,
+    Col,
+    Collapse,
+    CollapsePanel,
+    Comment,
+    ConfigProvider,
+    DatePicker,
+    Descriptions,
+    DescriptionsItem,
+    Divider,
+    Drawer,
+    Dropdown,
+    DropdownButton,
+    Empty,
+    FloatButton,
+    FloatButtonGroup,
+    Form,
+    FormItem,
+    Image,
+    Input,
+    InputGroup,
+    InputNumber,
+    InputPassword,
+    InputSearch,
+    Layout,
+    LayoutContent,
+    LayoutFooter,
+    LayoutHeader,
+    LayoutSider,
+    List,
+    ListItem,
+    ListItemMeta,
+    Mentions,
+    Menu,
+    Modal,
+    PageHeader,
+    Pagination,
+    Popconfirm,
+    Popover,
+    Progress,
+    Qrcode,
+    Radio,
+    RadioButton,
+    RadioGroup,
+    RangePicker,
+    Rate,
+    Result,
+    Row,
+    Segmented,
+    Select,
+    SelectOption,
+    SelectOptionGroup,
+    Skeleton,
+    Slider,
+    Space,
+    SpaceCompact,
+    Spin,
+    Statistic,
+    StatisticCountdown,
+    Steps,
+    Switch,
+    TabPane,
+    Table,
+    TableColumn,
+    Tabs,
+    Tag,
+    Textarea,
+    TimePicker,
+    Timeline,
+    TimelineItem,
+    Tooltip,
+    Tour,
+    Transfer,
+    Tree,
+    TreeSelect,
+    Typography,
+    TypographyLink,
+    TypographyParagraph,
+    TypographyText,
+    TypographyTitle,
+    Upload,
+    Watermark,
   ]
 
-  return propsReducer(map)
+  return propsReducer('ant-design-vue', map)
 }
 
 export function antDesignVue4Components() {
-  const isZh = getLocale().includes('zh')
-
-  const map = isZh
-    ? [
-        [ARow, '栅格布局'],
-        [AQrcode, '二维码'],
-        [ACol, '栅格布局'],
-        [ALayoutContent, '内容部分，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中'],
-        [ALayoutHeader, '顶部布局，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中。'],
-        [ALayoutSider, '侧边栏，自带默认样式及基本功能，其下可嵌套任何元素，只能放在 Layout 中。'],
-        [ALayout, '布局容器，其下可嵌套 Header Sider Content Footer 或 Layout 本身，可以放在任何父容器中。'],
-        [ALayoutFooter, '底部布局，自带默认样式，其下可嵌套任何元素，只能放在 Layout 中。'],
-        [AButton, '按钮'],
-        [ASpace, '间距 设置组件之间的间距'],
-        [ASpaceCompact, '紧凑布局组合 使用 Space.Compact 让表单组件之间紧凑连接且合并边框'],
-        [AAnchor, '锚点'],
-        [AAutoComplete, '输入字段的自动完成功能'],
-        [ARadio, '单选框'],
-        [ARadioGroup, '单选框组'],
-        [ARadioButton, '按钮样式的单选组合'],
-        [ACheckbox, '多选框'],
-        [ACheckboxGroup, '多选框组'],
-        [AInput, '输入框'],
-        [AInputPassword, '密码框'],
-        [AInputSearch, '搜索框 带有搜索按钮的输入框'],
-        [AInputGroup, '输入框组 Input.Group 中所有的 Input 的大小，可选 large default small'],
-        [AInputNumber, '计数器'],
-        [ASelect, '选择器'],
-        [ASelectOption, '基础多选'],
-        [ASegmented, '分段控制器 用于展示多个选项并允许用户选择其中单个选项'],
-        [ATypographyParagraph, '排版段落'],
-        [ATypographyText, '排版文本'],
-        [ATypographyTitle, '排版标题'],
-        [ATypographyLink, '排版超链接'],
-        [ATypography, '排版'],
-        [ASelectOptionGroup, '备选项进行分组展示'],
-        [ACascader, '级联选择器'],
-        [ACheckableTag, '进行标记和分类的小标签。'],
-        [ASwitch, '开关'],
-        [ASlider, '滑块'],
-        [ATimePicker, '时间选择器'],
-        [ARangePicker, '时间范围选择器'],
-        [ADatePicker, '日期选择器/日期时间选择器'],
-        [AUpload, '上传'],
-        [ASpin, '加载中 用于页面和区块的加载中状态'],
-        [ARate, '评分'],
-        [AAffix, '固钉 将页面元素钉在可视范围'],
-        [AConfigProvider, '全局化配置 为组件提供统一的全局化配置'],
-        [AFloatButton, '悬浮按钮 自 4.0.0 版本开始提供该组件'],
-        [AFloatButtonGroup, '浮动按钮组 自 4.0.0 版本开始提供该组件'],
-        [ABackTop, '回到顶部'],
-        [ATextarea, '适应文本高度的文本域'],
-        [AWatermark, '水印 给页面的某个区域加上水印'],
-        [ATransfer, '穿梭框'],
-        [AForm, '表单'],
-        [AFormItem, '表单项'],
-        [ATable, '表格'],
-        [ATableColumn, '表格项'],
-        [ATag, '标签'],
-        [AProgress, '进度条'],
-        [ATree, '树形控件'],
-        [ATreeSelect, '树型选择控件。'],
-        [APagination, '分页'],
-        [ABadge, '标记'],
-        [ABadgeRibbon, '缎带型的徽标'],
-        [AAvatar, '头像'],
-        [AAvatarGroup, '头像组合展现'],
-        [ASkeleton, '骨架屏'],
-        [AEmpty, '空状态'],
-        [ADescriptions, '描述列表'],
-        [ADescriptionsItem, '描述列表项'],
-        [AResult, '结果'],
-        [AStatistic, '统计数值'],
-        [AStatisticCountdown, '统计数值'],
-        [AAlert, '警告'],
-        [AMenu, '导航菜单'],
-        [ATabs, '标签页'],
-        [ATabPane, '标签项'],
-        [ABreadcrumb, '面包屑'],
-        [ABreadcrumbItem, '面包屑项'],
-        [ABreadcrumbSeparator, '可以自定义分隔符的面包屑项'],
-        [APageHeader, '页头'],
-        [ADropdown, '下拉菜单'],
-        [ADropdownButton, '带下拉框的按钮'],
-        [ASteps, '步骤条'],
-        [ATooltip, '文字提示'],
-        [APopover, '弹出框'],
-        [APopconfirm, '气泡确认框'],
-        [ATour, '漫游式引导 常用于引导用户了解产品功能'],
-        [ACard, '卡片'],
-        [ACardMeta, '卡片 可以利用 Card.Meta 支持更灵活的内容'],
-        [ACarousel, '走马灯'],
-        [ACollapse, '折叠面板'],
-        [ACollapsePanel, '折叠面板项'],
-        [ATimeline, '时间线'],
-        [ATimelineItem, '时间线项'],
-        [ADivider, '分割线 区隔内容的分割线'],
-        [ACalendar, '日历'],
-        [AImage, '图片'],
-        [ADrawer, '抽屉'],
-        [AModal, '对话框'],
-        [AMentions, '提及 用于在输入中提及某人或某事，常用于发布、聊天或评论功能'],
-        [AComment, '评论 对网站内容的反馈、评价和讨论'],
-        [AList, '列表 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面'],
-        [AListItem, '列表项'],
-        [AListItemMeta, '列表元素图'],
-      ]
-    : [
-        [ARow, 'grid layout'],
-        [AQrcode, 'QR code'],
-        [ACol, 'Grid layout'],
-        [ALayoutContent, 'The content part has its own default style. Any elements can be nested under it and can only be placed in Layout'],
-        [ALayoutHeader, 'The top layout has its own default style. Any element can be nested under it and can only be placed in Layout. '],
-        [ALayoutSider, 'Sidebar has its own default style and basic functions. Any element can be nested under it and can only be placed in Layout. '],
-        [ALayout, 'Layout container, under which Header Sider Content Footer or Layout itself can be nested, and can be placed in any parent container. '],
-        [ALayoutFooter, 'Bottom layout, with its own default style, any element can be nested under it, and can only be placed in Layout. '],
-        [AButton, 'button'],
-        [ASpace, 'Spacing sets the spacing between components'],
-        [ASpaceCompact, 'Compact layout combination uses Space.Compact to compactly connect form components and merge borders'],
-        [AAnchor, 'anchor'],
-        [AAutoComplete, 'Autocomplete function of input field.'],
-        [ARadio, 'radio button'],
-        [ARadioGroup, 'Radio group'],
-        [ARadioButton, 'Radio combination of button styles'],
-        [ACheckbox, 'Multiple checkbox'],
-        [ACheckboxGroup, 'Multiple checkbox group'],
-        [AInput, 'input box'],
-        [AInputPassword, 'password box'],
-        [AInputSearch, 'Search box input box with search button'],
-        [AInputGroup, 'The size of all Inputs in the input box group Input.Group, optional large default small'],
-        [AInputNumber, 'counter'],
-        [ASelect, 'selector'],
-        [ASelectOption, 'Basic multiple selection'],
-        [ASegmented, 'Segmented controller is used to display multiple options and allow the user to select a single option'],
-        [ATypographyParagraph, 'typography paragraph'],
-        [ATypographyText, 'typography text'],
-        [ATypographyTitle, 'typography title'],
-        [ATypographyLink, 'typography hyperlink'],
-        [ATypography, 'typography'],
-        [ASelectOptionGroup, 'Alternative options are displayed in groups'],
-        [ACascader, 'cascading selector'],
-        [ACheckableTag, 'Tag for categorizing or markup.'],
-        [ASwitch, 'switch'],
-        [ASlider, 'slider'],
-        [ATimePicker, 'time picker'],
-        [ARangePicker, 'time range picker'],
-        [ADatePicker, 'Date picker/date time picker'],
-        [AUpload, 'upload'],
-        [ASpin, 'Loading'],
-        [ARate, 'rating'],
-        [AAffix, 'Pin the page element to the visible range'],
-        [AConfigProvider, 'Global configuration provides unified global configuration for components'],
-        [AFloatButton, 'Floating button is available since version 4.0.0'],
-        [AFloatButtonGroup, 'Float button group is available since version 4.0.0'],
-        [ABackTop, 'back to top'],
-        [ATextarea, 'Text area that adapts to text height'],
-        [AWatermark, 'Watermark adds watermark to a certain area of the page'],
-        [ATransfer, 'shuttle box'],
-        [AForm, 'form'],
-        [AFormItem, 'form item'],
-        [ATable, 'table'],
-        [ATableColumn, 'table item'],
-        [ATag, 'tag'],
-        [AProgress, 'progress bar'],
-        [ATree, 'Tree control'],
-        [ATreeSelect, 'Tree selection control.'],
-        [APagination, 'pagination'],
-        [ABadge, 'mark'],
-        [ABadgeRibbon, 'ribbon-shaped logo'],
-        [AAvatar, 'avatar'],
-        [AAvatarGroup, 'Avatar group display'],
-        [ASkeleton, 'skeleton screen'],
-        [AEmpty, 'empty state'],
-        [ADescriptions, 'description list'],
-        [ADescriptionsItem, 'Description list item'],
-        [AResult, 'result'],
-        [AStatistic, 'statistical value'],
-        [AStatisticCountdown, 'statistical value'],
-        [AAlert, 'warning'],
-        [AMenu, 'Navigation menu'],
-        [ATabs, 'tabs'],
-        [ATabPane, 'tab item'],
-        [ABreadcrumb, 'breadcrumb'],
-        [ABreadcrumbItem, 'breadcrumb item'],
-        [ABreadcrumbSeparator, 'Breadcrumb items with customizable separators'],
-        [APageHeader, 'page header'],
-        [ADropdown, 'drop-down menu'],
-        [ADropdownButton, 'Button with dropdown box'],
-        [ASteps, 'step bar'],
-        [ATooltip, 'Text tip'],
-        [APopover, 'pop-up box'],
-        [APopconfirm, 'Bubble confirmation box'],
-        [ATour, 'Roaming guide is often used to guide users to understand product functions'],
-        [ACard, 'card'],
-        [ACardMeta, 'Cards can use Card.Meta to support more flexible content'],
-        [ACarousel, 'carousel'],
-        [ACollapse, 'collapse panel'],
-        [ACollapsePanel, 'collapse panel item'],
-        [ATimeline, 'timeline'],
-        [ATimelineItem, 'Timeline item'],
-        [ADivider, 'Divider line The dividing line that separates content'],
-        [ACalendar, 'calendar'],
-        [AImage, 'image'],
-        [ADrawer, 'drawer'],
-        [AModal, 'dialog'],
-        [AMentions, 'Mentions are used to mention someone or something in the input, often used in publishing, chat or comment functions'],
-        [AComment, 'Comment Feedback, evaluation and discussion of website content'],
-        [AList, 'List is the most basic list display, which can carry text, lists, pictures, paragraphs, and is often used in background data display pages'],
-        [AListItem, 'list item'],
-        [AListItemMeta, 'List element graph'],
-      ]
-  return componentsReducer(map)
+  const map = [
+    [Affix, Affix.name, '<a-affix></a-affix>'],
+    [Alert, Alert.name, '<a-alert></a-alert>'],
+    [Anchor, Anchor.name, '<a-anchor></a-anchor>'],
+    [AutoComplete, AutoComplete.name, '<a-auto-complete></a-auto-complete>'],
+    [Avatar, Avatar.name, '<a-avatar></a-avatar>'],
+    [AvatarGroup, AvatarGroup.name, '<a-avatar-group></a-avatar-group>'],
+    [BackTop, BackTop.name, '<a-back-top></a-back-top>'],
+    [Badge, Badge.name, '<a-badge></a-badge>'],
+    [BadgeRibbon, BadgeRibbon.name, '<a-badge-ribbon></a-badge-ribbon>'],
+    [Breadcrumb, Breadcrumb.name, '<a-breadcrumb></a-breadcrumb>'],
+    [BreadcrumbItem, BreadcrumbItem.name, '<a-breadcrumb-item></a-breadcrumb-item>'],
+    [BreadcrumbSeparator, BreadcrumbSeparator.name, '<a-breadcrumb-separator></a-breadcrumb-separator>'],
+    [Button, Button.name, '<a-button></a-button>'],
+    [Calendar, Calendar.name, '<a-calendar></a-calendar>'],
+    [Card, Card.name, '<a-card></a-card>'],
+    [CardMeta, CardMeta.name, '<a-card-meta></a-card-meta>'],
+    [Carousel, Carousel.name, '<a-carousel></a-carousel>'],
+    [Cascader, Cascader.name, '<a-cascader></a-cascader>'],
+    [CheckableTag, CheckableTag.name, '<a-checkable-tag></a-checkable-tag>'],
+    [Checkbox, Checkbox.name, '<a-checkbox></a-checkbox>'],
+    [CheckboxGroup, CheckboxGroup.name, '<a-checkbox-group></a-checkbox-group>'],
+    [Col, Col.name, '<a-col></a-col>'],
+    [Collapse, Collapse.name, '<a-collapse></a-collapse>'],
+    [CollapsePanel, CollapsePanel.name, '<a-collapse-panel></a-collapse-panel>'],
+    [Comment, Comment.name, '<a-comment></a-comment>'],
+    [ConfigProvider, ConfigProvider.name, '<a-config-provider></a-config-provider>'],
+    [DatePicker, DatePicker.name, '<a-date-picker></a-date-picker>'],
+    [Descriptions, Descriptions.name, '<a-descriptions></a-descriptions>'],
+    [DescriptionsItem, DescriptionsItem.name, '<a-descriptions-item></a-descriptions-item>'],
+    [Divider, Divider.name, '<a-divider></a-divider>'],
+    [Drawer, Drawer.name, '<a-drawer></a-drawer>'],
+    [Dropdown, Dropdown.name, '<a-dropdown></a-dropdown>'],
+    [DropdownButton, DropdownButton.name, '<a-dropdown-button></a-dropdown-button>'],
+    [Empty, Empty.name, '<a-empty></a-empty>'],
+    [FloatButton, FloatButton.name, '<a-float-button></a-float-button>'],
+    [FloatButtonGroup, FloatButtonGroup.name, '<a-float-button-group></a-float-button-group>'],
+    [Form, Form.name, '<a-form></a-form>'],
+    [FormItem, FormItem.name, '<a-form-item></a-form-item>'],
+    [Image, Image.name, '<a-image></a-image>'],
+    [Input, Input.name, '<a-input></a-input>'],
+    [InputGroup, InputGroup.name, '<a-input-group></a-input-group>'],
+    [InputNumber, InputNumber.name, '<a-input-number></a-input-number>'],
+    [InputPassword, InputPassword.name, '<a-input-password></a-input-password>'],
+    [InputSearch, InputSearch.name, '<a-input-search></a-input-search>'],
+    [Layout, Layout.name, '<a-layout></a-layout>'],
+    [LayoutContent, LayoutContent.name, '<a-layout-content></a-layout-content>'],
+    [LayoutFooter, LayoutFooter.name, '<a-layout-footer></a-layout-footer>'],
+    [LayoutHeader, LayoutHeader.name, '<a-layout-header></a-layout-header>'],
+    [LayoutSider, LayoutSider.name, '<a-layout-sider></a-layout-sider>'],
+    [List, List.name, '<a-list></a-list>'],
+    [ListItem, ListItem.name, '<a-list-item></a-list-item>'],
+    [ListItemMeta, ListItemMeta.name, '<a-list-item-meta></a-list-item-meta>'],
+    [Mentions, Mentions.name, '<a-mentions></a-mentions>'],
+    [Menu, Menu.name, '<a-menu></a-menu>'],
+    [Modal, Modal.name, '<a-modal></a-modal>'],
+    [PageHeader, PageHeader.name, '<a-page-header></a-page-header>'],
+    [Pagination, Pagination.name, '<a-pagination></a-pagination>'],
+    [Popconfirm, Popconfirm.name, '<a-popconfirm></a-popconfirm>'],
+    [Popover, Popover.name, '<a-popover></a-popover>'],
+    [Progress, Progress.name, '<a-progress></a-progress>'],
+    [Qrcode, Qrcode.name, '<a-qrcode></a-qrcode>'],
+    [Radio, Radio.name, '<a-radio></a-radio>'],
+    [RadioButton, RadioButton.name, '<a-radio-button></a-radio-button>'],
+    [RadioGroup, RadioGroup.name, '<a-radio-group></a-radio-group>'],
+    [RangePicker, RangePicker.name, '<a-range-picker></a-range-picker>'],
+    [Rate, Rate.name, '<a-rate></a-rate>'],
+    [Result, Result.name, '<a-result></a-result>'],
+    [Row, Row.name, '<a-row></a-row>'],
+    [Segmented, Segmented.name, '<a-segmented></a-segmented>'],
+    [Select, Select.name, '<a-select></a-select>'],
+    [SelectOption, SelectOption.name, '<a-select-option></a-select-option>'],
+    [SelectOptionGroup, SelectOptionGroup.name, '<a-select-option-group></a-select-option-group>'],
+    [Skeleton, Skeleton.name, '<a-skeleton></a-skeleton>'],
+    [Slider, Slider.name, '<a-slider></a-slider>'],
+    [Space, Space.name, '<a-space></a-space>'],
+    [SpaceCompact, SpaceCompact.name, '<a-space-compact></a-space-compact>'],
+    [Spin, Spin.name, '<a-spin></a-spin>'],
+    [Statistic, Statistic.name, '<a-statistic></a-statistic>'],
+    [StatisticCountdown, StatisticCountdown.name, '<a-statistic-countdown></a-statistic-countdown>'],
+    [Steps, Steps.name, '<a-steps></a-steps>'],
+    [Switch, Switch.name, '<a-switch></a-switch>'],
+    [TabPane, TabPane.name, '<a-tab-pane></a-tab-pane>'],
+    [Table, Table.name, '<a-table></a-table>'],
+    [TableColumn, TableColumn.name, '<a-table-column></a-table-column>'],
+    [Tabs, Tabs.name, '<a-tabs></a-tabs>'],
+    [Tag, Tag.name, '<a-tag></a-tag>'],
+    [Textarea, Textarea.name, '<a-textarea></a-textarea>'],
+    [TimePicker, TimePicker.name, '<a-time-picker></a-time-picker>'],
+    [Timeline, Timeline.name, '<a-timeline></a-timeline>'],
+    [TimelineItem, TimelineItem.name, '<a-timeline-item></a-timeline-item>'],
+    [Tooltip, Tooltip.name, '<a-tooltip></a-tooltip>'],
+    [Tour, Tour.name, '<a-tour></a-tour>'],
+    [Transfer, Transfer.name, '<a-transfer></a-transfer>'],
+    [Tree, Tree.name, '<a-tree></a-tree>'],
+    [TreeSelect, TreeSelect.name, '<a-tree-select></a-tree-select>'],
+    [Typography, Typography.name, '<a-typography></a-typography>'],
+    [TypographyLink, TypographyLink.name, '<a-typography-link></a-typography-link>'],
+    [TypographyParagraph, TypographyParagraph.name, '<a-typography-paragraph></a-typography-paragraph>'],
+    [TypographyText, TypographyText.name, '<a-typography-text></a-typography-text>'],
+    [TypographyTitle, TypographyTitle.name, '<a-typography-title></a-typography-title>'],
+    [Upload, Upload.name, '<a-upload></a-upload>'],
+    [Watermark, Watermark.name, '<a-watermark></a-watermark>'],
+  ]
+  return componentsReducer(map, true, 'a')
 }
diff --git a/src/ui/antd/antd4/index.ts b/src/ui/antd/antd4/index.ts
index 68ed3e9d..556b3847 100644
--- a/src/ui/antd/antd4/index.ts
+++ b/src/ui/antd/antd4/index.ts
@@ -169,7 +169,7 @@ export function antd4() {
     Spin,
   ]
 
-  return propsReducer(map)
+  return propsReducer('antd', map)
 }
 
 export function antd4Components() {
diff --git a/src/ui/antd/antd5/index.ts b/src/ui/antd/antd5/index.ts
index f00ad552..5aac0e07 100644
--- a/src/ui/antd/antd5/index.ts
+++ b/src/ui/antd/antd5/index.ts
@@ -203,7 +203,7 @@ export function antd5() {
     Flex,
   ]
 
-  return propsReducer(map)
+  return propsReducer('antd', map)
 }
 
 export function antd5Components() {
diff --git a/src/ui/arcoDesign/arcoDesign2/index.ts b/src/ui/arcoDesign/arcoDesign2/index.ts
index 2e18cc51..d5f76f3b 100644
--- a/src/ui/arcoDesign/arcoDesign2/index.ts
+++ b/src/ui/arcoDesign/arcoDesign2/index.ts
@@ -236,7 +236,7 @@ export function arcoDesign2() {
     YearPicker,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@arco-design/web-react', map)
 }
 
 export function arcoDesign2Components() {
diff --git a/src/ui/arcoDesignVue/arcoDesignVue2/index.ts b/src/ui/arcoDesignVue/arcoDesignVue2/index.ts
index 3668c3f0..4300eb66 100644
--- a/src/ui/arcoDesignVue/arcoDesignVue2/index.ts
+++ b/src/ui/arcoDesignVue/arcoDesignVue2/index.ts
@@ -240,129 +240,129 @@ export function arcoDesignVue2() {
     YearPicker,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@arco-design/web-vue', map)
 }
 
 export function arcoDesignVue2Components() {
   const map = [
-    [Affix, '固钉', '<Affix></Affix>'],
-    [Alert, '警告提示', '<Alert></Alert>'],
-    [Anchor, '锚点', '<Anchor></Anchor>'],
-    [AnchorLink, '锚点', '<AnchorLink></AnchorLink>'],
-    [AutoComplete, '自动补全', '<AutoComplete></AutoComplete>'],
-    [Avatar, '头像', '<Avatar></Avatar>'],
-    [AvatarGroup, '头像', '<AvatarGroup></AvatarGroup>'],
-    [BackTop, '返回顶部', '<BackTop></BackTop>'],
-    [Badge, '徽标', '<Badge></Badge>'],
-    [Breadcrumb, '面包屑', '<Breadcrumb></Breadcrumb>'],
-    [BreadcrumbItem, '面包屑', '<BreadcrumbItem></BreadcrumbItem>'],
-    [Button, '按钮', '<Button></Button>'],
-    [ButtonGroup, '按钮', '<ButtonGroup></ButtonGroup>'],
-    [Calendar, '日历', '<Calendar></Calendar>'],
-    [Card, '卡片', '<Card></Card>'],
-    [CardGrid, '卡片', '<CardGrid></CardGrid>'],
-    [CardMeta, '卡片', '<CardMeta></CardMeta>'],
-    [Carousel, '图片轮播', '<Carousel></Carousel>'],
-    [Cascader, '级联选择', '<Cascader></Cascader>'],
-    [CascaderPanel, '级联选择', '<CascaderPanel></CascaderPanel>'],
-    [Checkbox, '复选框', '<Checkbox></Checkbox>'],
-    [CheckboxGroup, '复选框', '<CheckboxGroup></CheckboxGroup>'],
-    [Col, '列', '<Col></Col>'],
-    [Collapse, '折叠面板', '<Collapse></Collapse>'],
-    [CollapseItem, '折叠面板', '<CollapseItem></CollapseItem>'],
-    [Comment, '评论', '<Comment></Comment>'],
-    [ConfigProvider, '全局配置', '<ConfigProvider></ConfigProvider>'],
-    [Countdown, '倒计时', '<Countdown></Countdown>'],
-    [DatePicker, '日期选择器', '<DatePicker></DatePicker>'],
-    [Descriptions, '描述', '<Descriptions></Descriptions>'],
-    [DescriptionsItem, '描述', '<DescriptionsItem></DescriptionsItem>'],
-    [Dgroup, '下拉菜单', '<Dgroup></Dgroup>'],
-    [Divider, '分割线', '<Divider></Divider>'],
-    [Doption, '下拉菜单', '<Doption></Doption>'],
-    [Drawer, '抽屉', '<Drawer></Drawer>'],
-    [Dropdown, '下拉菜单', '<Dropdown></Dropdown>'],
-    [DropdownButton, '下拉菜单', '<DropdownButton></DropdownButton>'],
-    [Dsubmenu, '下拉菜单', '<Dsubmenu></Dsubmenu>'],
-    [Empty, '空列表', '<Empty></Empty>'],
-    [Form, '表单', '<Form></Form>'],
-    [FormItem, '表单', '<FormItem></FormItem>'],
-    [Grid, '栅格', '<Grid></Grid>'],
-    [GridItem, '栅格', '<GridItem></GridItem>'],
-    [Image, '图片', '<Image></Image>'],
-    [ImagePreview, '图片', '<ImagePreview></ImagePreview>'],
-    [ImagePreviewAction, '图片', '<ImagePreviewAction></ImagePreviewAction>'],
-    [ImagePreviewGroup, '图片', '<ImagePreviewGroup></ImagePreviewGroup>'],
-    [Input, '输入框', '<Input></Input>'],
-    [InputNumber, '数字输入框', '<InputNumber></InputNumber>'],
-    [InputPassword, '密码输入框', '<InputPassword></InputPassword>'],
-    [InputSearch, '搜索输入', '<InputSearch></InputSearch>'],
-    [InputTag, '标签输入框', '<InputTag></InputTag>'],
-    [Layout, '布局', '<Layout></Layout>'],
-    [LayoutContent, '布局', '<LayoutContent></LayoutContent>'],
-    [LayoutFooter, '布局', '<LayoutFooter></LayoutFooter>'],
-    [LayoutHeader, '布局', '<LayoutHeader></LayoutHeader>'],
-    [LayoutSider, '布局', '<LayoutSider></LayoutSider>'],
-    [Link, '链接', '<Link></Link>'],
-    [List, '列表', '<List></List>'],
-    [ListItem, '列表', '<ListItem></ListItem>'],
-    [ListItemMeta, '列表', '<ListItemMeta></ListItemMeta>'],
-    [Mention, '提及', '<Mention></Mention>'],
-    [Menu, '菜单', '<Menu></Menu>'],
-    [MenuItem, '菜单', '<MenuItem></MenuItem>'],
-    [MenuItemGroup, '菜单', '<MenuItemGroup></MenuItemGroup>'],
-    [Modal, '对话框', '<Modal></Modal>'],
-    [MonthPicker, '日期选择器', '<MonthPicker></MonthPicker>'],
-    [OverflowList, '折叠列表', '<OverflowList></OverflowList>'],
-    [PageHeader, '页头', '<PageHeader></PageHeader>'],
-    [Pagination, '分页', '<Pagination></Pagination>'],
-    [Popconfirm, '气泡确认框', '<Popconfirm></Popconfirm>'],
-    [Popover, '气泡卡片', '<Popover></Popover>'],
-    [Progress, '进度条', '<Progress></Progress>'],
-    [QuarterPicker, '日期选择器', '<QuarterPicker></QuarterPicker>'],
-    [Radio, '按钮', '<Radio></Radio>'],
-    [RadioGroup, '按钮组', '<RadioGroup></RadioGroup>'],
-    [RangePicker, '日期选择器', '<RangePicker></RangePicker>'],
-    [Rate, '评分', '<Rate></Rate>'],
-    [ResizeBox, '伸缩框', '<ResizeBox></ResizeBox>'],
-    [Result, '结果也', '<Result></Result>'],
-    [Row, '行', '<Row></Row>'],
-    [Scrollbar, '滚动条', '<Scrollbar></Scrollbar>'],
-    [Select, '选择器', '<Select></Select>'],
-    [SelectOptgroup, '选择器', '<SelectOptgroup></SelectOptgroup>'],
-    [SelectOption, '选择器', '<SelectOption></SelectOption>'],
-    [Skeleton, '骨架屏', '<Skeleton></Skeleton>'],
-    [SkeletonLine, '骨架屏', '<SkeletonLine></SkeletonLine>'],
-    [SkeletonShape, '骨架屏', '<SkeletonShape></SkeletonShape>'],
-    [Slider, '滑动输入条', '<Slider></Slider>'],
-    [Space, '间距', '<Space></Space>'],
-    [Spin, '加载中', '<Spin></Spin>'],
-    [Split, '面板分割', '<Split></Split>'],
-    [Statistic, '数值显示', '<Statistic></Statistic>'],
-    [Step, '步骤条', '<Step></Step>'],
-    [Steps, '步骤条', '<Steps></Steps>'],
-    [SubMenu, '菜单', '<SubMenu></SubMenu>'],
-    [Switch, '开关', '<Switch></Switch>'],
-    [TabPane, '标签页', '<TabPane></TabPane>'],
-    [Table, '表格', '<Table></Table>'],
-    [TableColumn, '表格', '<TableColumn></TableColumn>'],
-    [Tabs, '标签页', '<Tabs></Tabs>'],
-    [Tag, '标签', '<Tag></Tag>'],
-    [Textarea, '文本域', '<Textarea></Textarea>'],
-    [TimePicker, '日期选择器', '<TimePicker></TimePicker>'],
-    [Timeline, '时间线', '<Timeline></Timeline>'],
-    [TimelineItem, '时间线', '<TimelineItem></TimelineItem>'],
-    [Tooltip, '文字气泡', '<Tooltip></Tooltip>'],
-    [Transfer, '穿梭框', '<Transfer></Transfer>'],
-    [Tree, '树', '<Tree></Tree>'],
-    [TreeSelect, '树选择', '<TreeSelect></TreeSelect>'],
-    [Trigger, '触发器', '<Trigger></Trigger>'],
-    [Typography, '排版', '<Typography></Typography>'],
-    [TypographyParagraph, '排版', '<TypographyParagraph></TypographyParagraph>'],
-    [TypographyTitle, '排版', '<TypographyTitle></TypographyTitle>'],
-    [Upload, '上传', '<Upload></Upload>'],
-    [Watermark, '水印', '<Watermark></Watermark>'],
-    [WeekPicker, '日期选择器', '<WeekPicker></WeekPicker>'],
-    [YearPicker, '日期选择器', '<YearPicker></YearPicker>'],
+    [Affix, Affix.name, '<a-affix></a-affix>'],
+    [Alert, Alert.name, '<a-alert></a-alert>'],
+    [Anchor, Anchor.name, '<a-anchor></a-anchor>'],
+    [AnchorLink, AnchorLink.name, '<a-anchor-link></a-anchor-link>'],
+    [AutoComplete, AutoComplete.name, '<a-auto-complete></a-auto-complete>'],
+    [Avatar, Avatar.name, '<a-avatar></a-avatar>'],
+    [AvatarGroup, AvatarGroup.name, '<a-avatar-group></a-avatar-group>'],
+    [BackTop, BackTop.name, '<a-back-top></a-back-top>'],
+    [Badge, Badge.name, '<a-badge></a-badge>'],
+    [Breadcrumb, Breadcrumb.name, '<a-breadcrumb></a-breadcrumb>'],
+    [BreadcrumbItem, BreadcrumbItem.name, '<a-breadcrumb-item></a-breadcrumb-item>'],
+    [Button, Button.name, '<a-button></a-button>'],
+    [ButtonGroup, ButtonGroup.name, '<a-button-group></a-button-group>'],
+    [Calendar, Calendar.name, '<a-calendar></a-calendar>'],
+    [Card, Card.name, '<a-card></a-card>'],
+    [CardGrid, CardGrid.name, '<a-card-grid></a-card-grid>'],
+    [CardMeta, CardMeta.name, '<a-card-meta></a-card-meta>'],
+    [Carousel, Carousel.name, '<a-carousel></a-carousel>'],
+    [Cascader, Cascader.name, '<a-cascader></a-cascader>'],
+    [CascaderPanel, CascaderPanel.name, '<a-cascader-panel></a-cascader-panel>'],
+    [Checkbox, Checkbox.name, '<a-checkbox></a-checkbox>'],
+    [CheckboxGroup, CheckboxGroup.name, '<a-checkbox-group></a-checkbox-group>'],
+    [Col, Col.name, '<a-col></a-col>'],
+    [Collapse, Collapse.name, '<a-collapse></a-collapse>'],
+    [CollapseItem, CollapseItem.name, '<a-collapse-item></a-collapse-item>'],
+    [Comment, Comment.name, '<a-comment></a-comment>'],
+    [ConfigProvider, ConfigProvider.name, '<a-config-provider></a-config-provider>'],
+    [Countdown, Countdown.name, '<a-countdown></a-countdown>'],
+    [DatePicker, DatePicker.name, '<a-date-picker></a-date-picker>'],
+    [Descriptions, Descriptions.name, '<a-descriptions></a-descriptions>'],
+    [DescriptionsItem, DescriptionsItem.name, '<a-descriptions-item></a-descriptions-item>'],
+    [Dgroup, Dgroup.name, '<a-dgroup></a-dgroup>'],
+    [Divider, Divider.name, '<a-divider></a-divider>'],
+    [Doption, Doption.name, '<a-doption></a-doption>'],
+    [Drawer, Drawer.name, '<a-drawer></a-drawer>'],
+    [Dropdown, Dropdown.name, '<a-dropdown></a-dropdown>'],
+    [DropdownButton, DropdownButton.name, '<a-dropdown-button></a-dropdown-button>'],
+    [Dsubmenu, Dsubmenu.name, '<a-dsubmenu></a-dsubmenu>'],
+    [Empty, Empty.name, '<a-empty></a-empty>'],
+    [Form, Form.name, '<a-form></a-form>'],
+    [FormItem, FormItem.name, '<a-form-item></a-form-item>'],
+    [Grid, Grid.name, '<a-grid></a-grid>'],
+    [GridItem, GridItem.name, '<a-grid-item></a-grid-item>'],
+    [Image, Image.name, '<a-image></a-image>'],
+    [ImagePreview, ImagePreview.name, '<a-image-preview></a-image-preview>'],
+    [ImagePreviewAction, ImagePreviewAction.name, '<a-image-preview-action></a-image-preview-action>'],
+    [ImagePreviewGroup, ImagePreviewGroup.name, '<a-image-preview-group></a-image-preview-group>'],
+    [Input, Input.name, '<a-input></a-input>'],
+    [InputNumber, InputNumber.name, '<a-input-number></a-input-number>'],
+    [InputPassword, InputPassword.name, '<a-input-password></a-input-password>'],
+    [InputSearch, InputSearch.name, '<a-input-search></a-input-search>'],
+    [InputTag, InputTag.name, '<a-input-tag></a-input-tag>'],
+    [Layout, Layout.name, '<a-layout></a-layout>'],
+    [LayoutContent, LayoutContent.name, '<a-layout-content></a-layout-content>'],
+    [LayoutFooter, LayoutFooter.name, '<a-layout-footer></a-layout-footer>'],
+    [LayoutHeader, LayoutHeader.name, '<a-layout-header></a-layout-header>'],
+    [LayoutSider, LayoutSider.name, '<a-layout-sider></a-layout-sider>'],
+    [Link, Link.name, '<a-link></a-link>'],
+    [List, List.name, '<a-list></a-list>'],
+    [ListItem, ListItem.name, '<a-list-item></a-list-item>'],
+    [ListItemMeta, ListItemMeta.name, '<a-list-item-meta></a-list-item-meta>'],
+    [Mention, Mention.name, '<a-mention></a-mention>'],
+    [Menu, Menu.name, '<a-menu></a-menu>'],
+    [MenuItem, MenuItem.name, '<a-menu-item></a-menu-item>'],
+    [MenuItemGroup, MenuItemGroup.name, '<a-menu-item-group></a-menu-item-group>'],
+    [Modal, Modal.name, '<a-modal></a-modal>'],
+    [MonthPicker, MonthPicker.name, '<a-month-picker></a-month-picker>'],
+    [OverflowList, OverflowList.name, '<a-overflow-list></a-overflow-list>'],
+    [PageHeader, PageHeader.name, '<a-page-header></a-page-header>'],
+    [Pagination, Pagination.name, '<a-pagination></a-pagination>'],
+    [Popconfirm, Popconfirm.name, '<a-popconfirm></a-popconfirm>'],
+    [Popover, Popover.name, '<a-popover></a-popover>'],
+    [Progress, Progress.name, '<a-progress></a-progress>'],
+    [QuarterPicker, QuarterPicker.name, '<a-quarter-picker></a-quarter-picker>'],
+    [Radio, Radio.name, '<a-radio></a-radio>'],
+    [RadioGroup, RadioGroup.name, '<a-radio-group></a-radio-group>'],
+    [RangePicker, RangePicker.name, '<a-range-picker></a-range-picker>'],
+    [Rate, Rate.name, '<a-rate></a-rate>'],
+    [ResizeBox, ResizeBox.name, '<a-resize-box></a-resize-box>'],
+    [Result, Result.name, '<a-result></a-result>'],
+    [Row, Row.name, '<a-row></a-row>'],
+    [Scrollbar, Scrollbar.name, '<a-scrollbar></a-scrollbar>'],
+    [Select, Select.name, '<a-select></a-select>'],
+    [SelectOptgroup, SelectOptgroup.name, '<a-select-optgroup></a-select-optgroup>'],
+    [SelectOption, SelectOption.name, '<a-select-option></a-select-option>'],
+    [Skeleton, Skeleton.name, '<a-skeleton></a-skeleton>'],
+    [SkeletonLine, SkeletonLine.name, '<a-skeleton-line></a-skeleton-line>'],
+    [SkeletonShape, SkeletonShape.name, '<a-skeleton-shape></a-skeleton-shape>'],
+    [Slider, Slider.name, '<a-slider></a-slider>'],
+    [Space, Space.name, '<a-space></a-space>'],
+    [Spin, Spin.name, '<a-spin></a-spin>'],
+    [Split, Split.name, '<a-split></a-split>'],
+    [Statistic, Statistic.name, '<a-statistic></a-statistic>'],
+    [Step, Step.name, '<a-step></a-step>'],
+    [Steps, Steps.name, '<a-steps></a-steps>'],
+    [SubMenu, SubMenu.name, '<a-sub-menu></a-sub-menu>'],
+    [Switch, Switch.name, '<a-switch></a-switch>'],
+    [TabPane, TabPane.name, '<a-tab-pane></a-tab-pane>'],
+    [Table, Table.name, '<a-table></a-table>'],
+    [TableColumn, TableColumn.name, '<a-table-column></a-table-column>'],
+    [Tabs, Tabs.name, '<a-tabs></a-tabs>'],
+    [Tag, Tag.name, '<a-tag></a-tag>'],
+    [Textarea, Textarea.name, '<a-textarea></a-textarea>'],
+    [TimePicker, TimePicker.name, '<a-time-picker></a-time-picker>'],
+    [Timeline, Timeline.name, '<a-timeline></a-timeline>'],
+    [TimelineItem, TimelineItem.name, '<a-timeline-item></a-timeline-item>'],
+    [Tooltip, Tooltip.name, '<a-tooltip></a-tooltip>'],
+    [Transfer, Transfer.name, '<a-transfer></a-transfer>'],
+    [Tree, Tree.name, '<a-tree></a-tree>'],
+    [TreeSelect, TreeSelect.name, '<a-tree-select></a-tree-select>'],
+    [Trigger, Trigger.name, '<a-trigger></a-trigger>'],
+    [Typography, Typography.name, '<a-typography></a-typography>'],
+    [TypographyParagraph, TypographyParagraph.name, '<a-typography-paragraph></a-typography-paragraph>'],
+    [TypographyTitle, TypographyTitle.name, '<a-typography-title></a-typography-title>'],
+    [Upload, Upload.name, '<a-upload></a-upload>'],
+    [Watermark, Watermark.name, '<a-watermark></a-watermark>'],
+    [WeekPicker, WeekPicker.name, '<a-week-picker></a-week-picker>'],
+    [YearPicker, YearPicker.name, '<a-year-picker></a-year-picker>'],
   ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'a')
 }
diff --git a/src/ui/chakraUi/chakra-ui-react/index.ts b/src/ui/chakraUi/chakra-ui-react/index.ts
index 62e6cfe0..f8286895 100644
--- a/src/ui/chakraUi/chakra-ui-react/index.ts
+++ b/src/ui/chakraUi/chakra-ui-react/index.ts
@@ -28,7 +28,7 @@ export function chakraUiReact2() {
     IconButton,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@chakra-ui/react', map)
 }
 
 export function chakraUiReact2Components() {
diff --git a/src/ui/chakraUi/chakra-ui-vue/index.ts b/src/ui/chakraUi/chakra-ui-vue/index.ts
index 365ec4d4..e880933c 100644
--- a/src/ui/chakraUi/chakra-ui-vue/index.ts
+++ b/src/ui/chakraUi/chakra-ui-vue/index.ts
@@ -6,7 +6,7 @@ export function chakraUiVue0() {
     Accordion,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@chakra-ui/vue', map)
 }
 
 export function chakraUiVue0Components() {
diff --git a/src/ui/elementUI/elementUi2/index.ts b/src/ui/elementUI/elementUi2/index.ts
index a2a241ba..0a43e6a5 100644
--- a/src/ui/elementUI/elementUi2/index.ts
+++ b/src/ui/elementUI/elementUi2/index.ts
@@ -445,7 +445,7 @@ export function elementUi2(extensionContext: any) {
     'ice-cream-round',
   ]
 
-  return propsReducer(map, { prefix: 'el-icon', type: 'elementUi', icons }, extensionContext)
+  return propsReducer('element-ui', map, { prefix: 'el-icon', type: 'elementUi', icons }, extensionContext)
 }
 
 export function elementUi2Components() {
@@ -1231,5 +1231,5 @@ export function elementUi2Components() {
           '<el-autocomplete></el-autocomplete>',
         ],
       ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'el')
 }
diff --git a/src/ui/elementUi/elementUi2/index.ts b/src/ui/elementUi/elementUi2/index.ts
index a2a241ba..0a43e6a5 100644
--- a/src/ui/elementUi/elementUi2/index.ts
+++ b/src/ui/elementUi/elementUi2/index.ts
@@ -445,7 +445,7 @@ export function elementUi2(extensionContext: any) {
     'ice-cream-round',
   ]
 
-  return propsReducer(map, { prefix: 'el-icon', type: 'elementUi', icons }, extensionContext)
+  return propsReducer('element-ui', map, { prefix: 'el-icon', type: 'elementUi', icons }, extensionContext)
 }
 
 export function elementUi2Components() {
@@ -1231,5 +1231,5 @@ export function elementUi2Components() {
           '<el-autocomplete></el-autocomplete>',
         ],
       ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'el')
 }
diff --git a/src/ui/index.ts b/src/ui/index.ts
index 28b5737d..e341555e 100644
--- a/src/ui/index.ts
+++ b/src/ui/index.ts
@@ -1,14 +1,14 @@
 import { elementUi2, elementUi2Components } from './elementUi'
 import { antd4, antd4Components, antd5, antd5Components } from './antd'
-import { elementPlus2, elementPlus2Components } from './elementPlus'
+// import { elementPlus2, elementPlus2Components } from './elementPlus'
 import { vant4, vant4Components } from './vant'
 import { antDesignVue2, antDesignVue2Components, antDesignVue3, antDesignVue3Components, antDesignVue4, antDesignVue4Components } from './antDesignVue'
 import { varlet2, varlet2Components } from './varlet'
 import { naiveUi2, naiveUi2Components } from './naiveUi'
 import { vuetify3, vuetify3Components } from './vuetify'
-import { uview2, uview2Components } from './uview'
+// import { uview2, uview2Components } from './uview'
 import { chakraUiReact2, chakraUiReact2Components } from './chakraUi'
-import { skeleton2, skeleton2Components } from './skeleton'
+// import { skeleton2, skeleton2Components } from './skeleton'
 import { primevue3, primevue3Components } from './primevue'
 import { quasar2, quasar2Components } from './quasar'
 import { nextui2, nextui2Components } from './nextUi'
@@ -22,7 +22,7 @@ export default {
   elementUi2,
   antd4,
   antd5,
-  elementPlus2,
+  // elementPlus2,
   vant4,
   naiveUi2,
   antDesignVue4,
@@ -30,9 +30,9 @@ export default {
   antDesignVue2,
   varlet2,
   vuetify3,
-  uview2,
+  // uview2,
   chakraUiReact2,
-  skeleton2,
+  // skeleton2,
   primevue3,
   quasar2,
   nextui2,
@@ -44,7 +44,7 @@ export default {
   elementUi2Components,
   antd4Components,
   antd5Components,
-  elementPlus2Components,
+  // elementPlus2Components,
   vant4Components,
   antDesignVue4Components,
   antDesignVue3Components,
@@ -52,9 +52,9 @@ export default {
   naiveUi2Components,
   varlet2Components,
   vuetify3Components,
-  uview2Components,
+  // uview2Components,
   chakraUiReact2Components,
-  skeleton2Components,
+  // skeleton2Components,
   primevue3Components,
   quasar2Components,
   nextui2Components,
diff --git a/src/ui/naiveUi/naiveUi2/index.ts b/src/ui/naiveUi/naiveUi2/index.ts
index 8e98863d..469ca0a4 100644
--- a/src/ui/naiveUi/naiveUi2/index.ts
+++ b/src/ui/naiveUi/naiveUi2/index.ts
@@ -167,7 +167,7 @@ export function naiveUi2() {
     watermark,
   ]
 
-  return propsReducer(map)
+  return propsReducer('naive-ui', map)
 }
 
 export function naiveUi2Components() {
@@ -746,5 +746,5 @@ Definitely Maybe
    :rotate="-15"
 >`],
       ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'n')
 }
diff --git a/src/ui/nextUi/nextUi2/index.ts b/src/ui/nextUi/nextUi2/index.ts
index 8a3124d0..ff3c2188 100644
--- a/src/ui/nextUi/nextUi2/index.ts
+++ b/src/ui/nextUi/nextUi2/index.ts
@@ -128,7 +128,7 @@ export function nextui2() {
     User,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@nextui-org/react', map)
 }
 
 export function nextui2Components() {
diff --git a/src/ui/nuxtUi/nuxtUi2/index.ts b/src/ui/nuxtUi/nuxtUi2/index.ts
index 34e0a66f..61722731 100644
--- a/src/ui/nuxtUi/nuxtUi2/index.ts
+++ b/src/ui/nuxtUi/nuxtUi2/index.ts
@@ -79,7 +79,7 @@ export function nuxtui2() {
     UProgress,
   ]
 
-  return propsReducer(map)
+  return propsReducer('@nuxt/ui', map)
 }
 
 export function nuxtui2Components() {
diff --git a/src/ui/primevue/primevue3/index.ts b/src/ui/primevue/primevue3/index.ts
index eb073529..aa45b943 100644
--- a/src/ui/primevue/primevue3/index.ts
+++ b/src/ui/primevue/primevue3/index.ts
@@ -166,7 +166,7 @@ export function primevue3() {
     Terminal,
   ]
 
-  return propsReducer(map)
+  return propsReducer('primevue', map)
 }
 
 export function primevue3Components() {
@@ -577,5 +577,5 @@ export function primevue3Components() {
       '<Terminal></Terminal>',
     ],
   ]
-  return componentsReducer(map)
+  return componentsReducer(map, false)
 }
diff --git a/src/ui/quasar/quasar2/index.ts b/src/ui/quasar/quasar2/index.ts
index 0513cab0..08ebd4ea 100644
--- a/src/ui/quasar/quasar2/index.ts
+++ b/src/ui/quasar/quasar2/index.ts
@@ -160,401 +160,89 @@ export function quasar2() {
     QVirtualScroll,
   ]
 
-  return propsReducer(map)
+  return propsReducer('quasar', map)
 }
 
 export function quasar2Components() {
   const map = [
-    [
-      'QAjaxBar',
-      'QAjaxBar',
-      '<QAjaxBar></QAjaxBar>',
-    ],
-    [
-      'QAvatar',
-      'QAvatar',
-      '<QAvatar></QAvatar>',
-    ],
-    [
-      'QBadge',
-      'QBadge',
-      '<QBadge></QBadge>',
-    ],
-    [
-      'QBanner',
-      'QBanner',
-      '<QBanner></QBanner>',
-    ],
-    [
-      'QBar',
-      'QBar',
-      '<QBar></QBar>',
-    ],
-    [
-      'QBreadcrumbs',
-      'QBreadcrumbs',
-      '<QBreadcrumbs></QBreadcrumbs>',
-    ],
-    [
-      'QBtn',
-      'QBtn',
-      '<QBtn></QBtn>',
-    ],
-    [
-      'QBtnDropdown',
-      'QBtnDropdown',
-      '<QBtnDropdown></QBtnDropdown>',
-    ],
-    [
-      'QBtnGroup',
-      'QBtnGroup',
-      '<QBtnGroup></QBtnGroup>',
-    ],
-    [
-      'QBtnToggle',
-      'QBtnToggle',
-      '<QBtnToggle></QBtnToggle>',
-    ],
-    [
-      'QCard',
-      'QCard',
-      '<QCard></QCard>',
-    ],
-    [
-      'QCarousel',
-      'QCarousel',
-      '<QCarousel></QCarousel>',
-    ],
-    [
-      'QCheckbox',
-      'QCheckbox',
-      '<QCheckbox></QCheckbox>',
-    ],
-    [
-      'QChip',
-      'QChip',
-      '<QChip></QChip>',
-    ],
-    [
-      'QCircularProgress',
-      'QCircularProgress',
-      '<QCircularProgress></QCircularProgress>',
-    ],
-    [
-      'QColor',
-      'QColor',
-      '<QColor></QColor>',
-    ],
-    [
-      'QDate',
-      'QDate',
-      '<QDate></QDate>',
-    ],
-    [
-      'QDialog',
-      'QDialog',
-      '<QDialog></QDialog>',
-    ],
-    [
-      'QDrawer',
-      'QDrawer',
-      '<QDrawer></QDrawer>',
-    ],
-    [
-      'QEditor',
-      'QEditor',
-      '<QEditor></QEditor>',
-    ],
-    [
-      'QExpansionItem',
-      'QExpansionItem',
-      '<QExpansionItem></QExpansionItem>',
-    ],
-    [
-      'QFab',
-      'QFab',
-      '<QFab></QFab>',
-    ],
-    [
-      'QField',
-      'QField',
-      '<QField></QField>',
-    ],
-    [
-      'QFile',
-      'QFile',
-      '<QFile></QFile>',
-    ],
-    [
-      'QFooter',
-      'QFooter',
-      '<QFooter></QFooter>',
-    ],
-    [
-      'QForm',
-      'QForm',
-      '<QForm></QForm>',
-    ],
-    [
-      'QHeader',
-      'QHeader',
-      '<QHeader></QHeader>',
-    ],
-    [
-      'QIcon',
-      'QIcon',
-      '<QIcon></QIcon>',
-    ],
-    [
-      'QImg',
-      'QImg',
-      '<QImg></QImg>',
-    ],
-    [
-      'QInfiniteScroll',
-      'QInfiniteScroll',
-      '<QInfiniteScroll></QInfiniteScroll>',
-    ],
-    [
-      'QInnerLoading',
-      'QInnerLoading',
-      '<QInnerLoading></QInnerLoading>',
-    ],
-    [
-      'QInput',
-      'QInput',
-      '<QInput></QInput>',
-    ],
-    [
-      'QIntersection',
-      'QIntersection',
-      '<QIntersection></QIntersection>',
-    ],
-    [
-      'QItem',
-      'QItem',
-      '<QItem></QItem>',
-    ],
-    [
-      'QKnob',
-      'QKnob',
-      '<QKnob></QKnob>',
-    ],
-    [
-      'QLayout',
-      'QLayout',
-      '<QLayout></QLayout>',
-    ],
-    [
-      'QLinearProgress',
-      'QLinearProgress',
-      '<QLinearProgress></QLinearProgress>',
-    ],
-    [
-      'QMarkupTable',
-      'QMarkupTable',
-      '<QMarkupTable></QMarkupTable>',
-    ],
-    [
-      'QMenu',
-      'QMenu',
-      '<QMenu></QMenu>',
-    ],
-    [
-      'QNoSsr',
-      'QNoSsr',
-      '<QNoSsr></QNoSsr>',
-    ],
-    [
-      'QOptionGroup',
-      'QOptionGroup',
-      '<QOptionGroup></QOptionGroup>',
-    ],
-    [
-      'QPage',
-      'QPage',
-      '<QPage></QPage>',
-    ],
-    [
-      'QPageScroller',
-      'QPageScroller',
-      '<QPageScroller></QPageScroller>',
-    ],
-    [
-      'QPageSticky',
-      'QPageSticky',
-      '<QPageSticky></QPageSticky>',
-    ],
-    [
-      'QPagination',
-      'QPagination',
-      '<QPagination></QPagination>',
-    ],
-    [
-      'QParallax',
-      'QParallax',
-      '<QParallax></QParallax>',
-    ],
-    [
-      'QPopupEdit',
-      'QPopupEdit',
-      '<QPopupEdit></QPopupEdit>',
-    ],
-    [
-      'QPopupProxy',
-      'QPopupProxy',
-      '<QPopupProxy></QPopupProxy>',
-    ],
-    [
-      'QPullToRefresh',
-      'QPullToRefresh',
-      '<QPullToRefresh></QPullToRefresh>',
-    ],
-    [
-      'QRadio',
-      'QRadio',
-      '<QRadio></QRadio>',
-    ],
-    [
-      'QRange',
-      'QRange',
-      '<QRange></QRange>',
-    ],
-    [
-      'QRating',
-      'QRating',
-      '<QRating></QRating>',
-    ],
-    [
-      'QResizeObserver',
-      'QResizeObserver',
-      '<QResizeObserver></QResizeObserver>',
-    ],
-    [
-      'QResponsive',
-      'QResponsive',
-      '<QResponsive></QResponsive>',
-    ],
-    [
-      'QScrollArea',
-      'QScrollArea',
-      '<QScrollArea></QScrollArea>',
-    ],
-    [
-      'QScrollObserver',
-      'QScrollObserver',
-      '<QScrollObserver></QScrollObserver>',
-    ],
-    [
-      'QSelect',
-      'QSelect',
-      '<QSelect></QSelect>',
-    ],
-    [
-      'QSeparator',
-      'QSeparator',
-      '<QSeparator></QSeparator>',
-    ],
-    [
-      'QSkeleton',
-      'QSkeleton',
-      '<QSkeleton></QSkeleton>',
-    ],
-    [
-      'QSlideItem',
-      'QSlideItem',
-      '<QSlideItem></QSlideItem>',
-    ],
-    [
-      'QSlideTransition',
-      'QSlideTransition',
-      '<QSlideTransition></QSlideTransition>',
-    ],
-    [
-      'QSlider',
-      'QSlider',
-      '<QSlider></QSlider>',
-    ],
-    [
-      'QSpace',
-      'QSpace',
-      '<QSpace></QSpace>',
-    ],
-    [
-      'QSpinner',
-      'QSpinner',
-      '<QSpinner></QSpinner>',
-    ],
-    [
-      'QSplitter',
-      'QSplitter',
-      '<QSplitter></QSplitter>',
-    ],
-    [
-      'QStepper',
-      'QStepper',
-      '<QStepper></QStepper>',
-    ],
-    [
-      'QTabPanels',
-      'QTabPanels',
-      '<QTabPanels></QTabPanels>',
-    ],
-    [
-      'QTable',
-      'QTable',
-      '<QTable></QTable>',
-    ],
-    [
-      'QTabs',
-      'QTabs',
-      '<QTabs></QTabs>',
-    ],
-    [
-      'QTime',
-      'QTime',
-      '<QTime></QTime>',
-    ],
-    [
-      'QTimeline',
-      'QTimeline',
-      '<QTimeline></QTimeline>',
-    ],
-    [
-      'QToggle',
-      'QToggle',
-      '<QToggle></QToggle>',
-    ],
-    [
-      'QToolbar',
-      'QToolbar',
-      '<QToolbar></QToolbar>',
-    ],
-    [
-      'QTooltip',
-      'QTooltip',
-      '<QTooltip></QTooltip>',
-    ],
-    [
-      'QTree',
-      'QTree',
-      '<QTree></QTree>',
-    ],
-    [
-      'QUploader',
-      'QUploader',
-      '<QUploader></QUploader>',
-    ],
-    [
-      'QVideo',
-      'QVideo',
-      '<QVideo></QVideo>',
-    ],
-    [
-      'QVirtualScroll',
-      'QVirtualScroll',
-      '<QVirtualScroll></QVirtualScroll>',
-    ],
+    [QAjaxBar, QAjaxBar.name, '<q-ajax-bar></q-ajax-bar>'],
+    [QAvatar, QAvatar.name, '<q-avatar></q-avatar>'],
+    [QBadge, QBadge.name, '<q-badge></q-badge>'],
+    [QBanner, QBanner.name, '<q-banner></q-banner>'],
+    [QBar, QBar.name, '<q-bar></q-bar>'],
+    [QBreadcrumbs, QBreadcrumbs.name, '<q-breadcrumbs></q-breadcrumbs>'],
+    [QBtn, QBtn.name, '<q-btn></q-btn>'],
+    [QBtnDropdown, QBtnDropdown.name, '<q-btn-dropdown></q-btn-dropdown>'],
+    [QBtnGroup, QBtnGroup.name, '<q-btn-group></q-btn-group>'],
+    [QBtnToggle, QBtnToggle.name, '<q-btn-toggle></q-btn-toggle>'],
+    [QCard, QCard.name, '<q-card></q-card>'],
+    [QCarousel, QCarousel.name, '<q-carousel></q-carousel>'],
+    [QCheckbox, QCheckbox.name, '<q-checkbox></q-checkbox>'],
+    [QChip, QChip.name, '<q-chip></q-chip>'],
+    [QCircularProgress, QCircularProgress.name, '<q-circular-progress></q-circular-progress>'],
+    [QColor, QColor.name, '<q-color></q-color>'],
+    [QDate, QDate.name, '<q-date></q-date>'],
+    [QDialog, QDialog.name, '<q-dialog></q-dialog>'],
+    [QDrawer, QDrawer.name, '<q-drawer></q-drawer>'],
+    [QEditor, QEditor.name, '<q-editor></q-editor>'],
+    [QExpansionItem, QExpansionItem.name, '<q-expansion-item></q-expansion-item>'],
+    [QFab, QFab.name, '<q-fab></q-fab>'],
+    [QField, QField.name, '<q-field></q-field>'],
+    [QFile, QFile.name, '<q-file></q-file>'],
+    [QFooter, QFooter.name, '<q-footer></q-footer>'],
+    [QForm, QForm.name, '<q-form></q-form>'],
+    [QHeader, QHeader.name, '<q-header></q-header>'],
+    [QIcon, QIcon.name, '<q-icon></q-icon>'],
+    [QImg, QImg.name, '<q-img></q-img>'],
+    [QInfiniteScroll, QInfiniteScroll.name, '<q-infinite-scroll></q-infinite-scroll>'],
+    [QInnerLoading, QInnerLoading.name, '<q-inner-loading></q-inner-loading>'],
+    [QInput, QInput.name, '<q-input></q-input>'],
+    [QIntersection, QIntersection.name, '<q-intersection></q-intersection>'],
+    [QItem, QItem.name, '<q-item></q-item>'],
+    [QKnob, QKnob.name, '<q-knob></q-knob>'],
+    [QLayout, QLayout.name, '<q-layout></q-layout>'],
+    [QLinearProgress, QLinearProgress.name, '<q-linear-progress></q-linear-progress>'],
+    [QMarkupTable, QMarkupTable.name, '<q-markup-table></q-markup-table>'],
+    [QMenu, QMenu.name, '<q-menu></q-menu>'],
+    [QNoSsr, QNoSsr.name, '<q-no-ssr></q-no-ssr>'],
+    [QOptionGroup, QOptionGroup.name, '<q-option-group></q-option-group>'],
+    [QPage, QPage.name, '<q-page></q-page>'],
+    [QPageScroller, QPageScroller.name, '<q-page-scroller></q-page-scroller>'],
+    [QPageSticky, QPageSticky.name, '<q-page-sticky></q-page-sticky>'],
+    [QPagination, QPagination.name, '<q-pagination></q-pagination>'],
+    [QParallax, QParallax.name, '<q-parallax></q-parallax>'],
+    [QPopupEdit, QPopupEdit.name, '<q-popup-edit></q-popup-edit>'],
+    [QPopupProxy, QPopupProxy.name, '<q-popup-proxy></q-popup-proxy>'],
+    [QPullToRefresh, QPullToRefresh.name, '<q-pull-to-refresh></q-pull-to-refresh>'],
+    [QRadio, QRadio.name, '<q-radio></q-radio>'],
+    [QRange, QRange.name, '<q-range></q-range>'],
+    [QRating, QRating.name, '<q-rating></q-rating>'],
+    [QResizeObserver, QResizeObserver.name, '<q-resize-observer></q-resize-observer>'],
+    [QResponsive, QResponsive.name, '<q-responsive></q-responsive>'],
+    [QScrollArea, QScrollArea.name, '<q-scroll-area></q-scroll-area>'],
+    [QScrollObserver, QScrollObserver.name, '<q-scroll-observer></q-scroll-observer>'],
+    [QSelect, QSelect.name, '<q-select></q-select>'],
+    [QSeparator, QSeparator.name, '<q-separator></q-separator>'],
+    [QSkeleton, QSkeleton.name, '<q-skeleton></q-skeleton>'],
+    [QSlideItem, QSlideItem.name, '<q-slide-item></q-slide-item>'],
+    [QSlideTransition, QSlideTransition.name, '<q-slide-transition></q-slide-transition>'],
+    [QSlider, QSlider.name, '<q-slider></q-slider>'],
+    [QSpace, QSpace.name, '<q-space></q-space>'],
+    [QSpinner, QSpinner.name, '<q-spinner></q-spinner>'],
+    [QSplitter, QSplitter.name, '<q-splitter></q-splitter>'],
+    [QStepper, QStepper.name, '<q-stepper></q-stepper>'],
+    [QTabPanels, QTabPanels.name, '<q-tab-panels></q-tab-panels>'],
+    [QTable, QTable.name, '<q-table></q-table>'],
+    [QTabs, QTabs.name, '<q-tabs></q-tabs>'],
+    [QTime, QTime.name, '<q-time></q-time>'],
+    [QTimeline, QTimeline.name, '<q-timeline></q-timeline>'],
+    [QToggle, QToggle.name, '<q-toggle></q-toggle>'],
+    [QToolbar, QToolbar.name, '<q-toolbar></q-toolbar>'],
+    [QTooltip, QTooltip.name, '<q-tooltip></q-tooltip>'],
+    [QTree, QTree.name, '<q-tree></q-tree>'],
+    [QUploader, QUploader.name, '<q-uploader></q-uploader>'],
+    [QVideo, QVideo.name, '<q-video></q-video>'],
+    [QVirtualScroll, QVirtualScroll.name, '<q-virtual-scroll></q-virtual-scroll>'],
   ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'q')
 }
diff --git a/src/ui/radix-vue/radix-vue1/index.ts b/src/ui/radix-vue/radix-vue1/index.ts
index 0af6f1fb..63725dff 100644
--- a/src/ui/radix-vue/radix-vue1/index.ts
+++ b/src/ui/radix-vue/radix-vue1/index.ts
@@ -372,7 +372,7 @@ export function radixVue1() {
     RadioGroupRoot,
   ]
 
-  return propsReducer(map)
+  return propsReducer('radix-vue', map)
 }
 
 export function radixVue1Components() {
diff --git a/src/ui/shadcn-vue/shadcnVue0/index.ts b/src/ui/shadcn-vue/shadcnVue0/index.ts
index 55d65ed7..d5402156 100644
--- a/src/ui/shadcn-vue/shadcnVue0/index.ts
+++ b/src/ui/shadcn-vue/shadcnVue0/index.ts
@@ -372,7 +372,7 @@ export function shadcnVue0() {
     RadioGroupRoot,
   ]
 
-  return propsReducer(map)
+  return propsReducer('shadcn-vue', map)
 }
 
 export function shadcnVue0Components() {
diff --git a/src/ui/utils.ts b/src/ui/utils.ts
index 05eca364..7745eed5 100644
--- a/src/ui/utils.ts
+++ b/src/ui/utils.ts
@@ -7,7 +7,7 @@ declare const global: {
   }
 }
 
-export function propsReducer(map: string[], iconData?: { prefix: string; type: string; icons: any[] }, extensionContext?: any) {
+export function propsReducer(uiName: string, map: string[], iconData?: { prefix: string; type: string; icons: any[] }, extensionContext?: any) {
   const result: any = {}
   let icons
   if (iconData) {
@@ -16,7 +16,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
       const imagePath = vscode.Uri.file(extensionContext.asAbsolutePath(`images/${iconData.type}/${icon}.svg`))
       const documentation = new vscode.MarkdownString(`![img](${imagePath})`)
       const snippet = `${prefix}-${icon}`
-      return createCompletionItem({ content: icon, type: 19, documentation, snippet })
+      return createCompletionItem({ content: icon, type: 19, documentation, snippet, params: uiName })
     })
     result.icons = icons
   }
@@ -26,15 +26,15 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
     const methods = []
     const slots: any[] = []
     const isZh = getLocale().includes('zh')
+    const lan = getActiveTextEditorLanguageId()
+    const isVue = lan === 'vue'
     const completionsDeferCallback = () => {
-      const lan = getActiveTextEditorLanguageId()
       const data = [
         'id',
-        'class',
-        'className',
+        isVue ? 'class' : 'className',
       ].map(item => createCompletionItem({ content: item, snippet: `${item}="$1"`, type: 5 }))
 
-      if (lan === 'vue')
+      if (isVue)
         data.push(createCompletionItem({ content: 'style', snippet: 'style="$1"', type: 5 }))
       else
         data.push(createCompletionItem({ content: 'style', snippet: 'style={$1}', type: 5 }))
@@ -53,6 +53,8 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           documentation.supportHtml = true
           const detail = []
 
+          detail.push(`## ${uiName} [${item.name}]`)
+
           if (value.default !== undefined && value.default !== '')
             detail.push(`#### 💎 ${isZh ? '默认值' : 'default'}:    ***\`${value.default.toString().replace(/`/g, '')}\`***`)
 
@@ -85,7 +87,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
             content = snippet = key
           }
           else if (value.type && value.type.trim() === 'boolean' && value.default === 'true') {
-            if (lan === 'vue') {
+            if (isVue) {
               content = key
               snippet = `:${key}="false"`
             }
@@ -96,7 +98,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           }
           else if (key.startsWith(':')) {
             if (!v) {
-              if (lan === 'vue') {
+              if (isVue) {
                 const _key = key.replace('v-model', 'model')
                 content = `${key.replace(':v-model', 'v-model')}="${getComponentTagName(item.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}"`
                 snippet = `${key.replace(':v-model', 'v-model')}="\${1:${getComponentTagName(item.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}}"$2`
@@ -107,7 +109,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
               }
             }
             else {
-              if (lan === 'vue') {
+              if (isVue) {
                 const _key = key.replace('v-model', 'model')
                 content = `${key.replace(':v-model', 'v-model')}="${getComponentTagName(item.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}"`
                 snippet = `${key.replace(':v-model', 'v-model')}="\${1:${getComponentTagName(item.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}}"$2`
@@ -124,7 +126,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           }
           content += `  ${isZh ? (value.description_zh || value.description) : value.description}${value.default ? `  ${isZh ? '默认' : 'default'}：${value.default}` : ''}`
 
-          return createCompletionItem({ content, snippet, type, documentation, preselect: true, sortText: 'a' })
+          return createCompletionItem({ content, snippet, type, documentation, preselect: true, sortText: 'a', params: uiName })
         },
         ))
       })
@@ -141,7 +143,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
         const lan = getActiveTextEditorLanguageId()
         const originEvent = [
           {
-            name: lan === 'vue'
+            name: isVue
               ? 'click'
               : lan === 'svelte'
                 ? 'on:click'
@@ -159,6 +161,8 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           const detail = []
           const { name, description, params, description_zh } = events
 
+          detail.push(`## ${uiName} [${item.name}]`)
+
           if (description) {
             if (isZh)
               detail.push(`#### 🔦 说明:    ***\`${description_zh || description}\`***`)
@@ -170,7 +174,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
             detail.push(`#### 🔮 ${isZh ? '回调参数' : 'callback parameters'}:    ***\`${params}\`***`)
           let snippet
           let content
-          if (lan === 'vue') {
+          if (isVue) {
             const _name = name.split(':').map((item: string) =>
               item[0].toUpperCase() + item.slice(1),
             ).join('').replace(/-(\w)/g, (_: string, v: string) => v.toUpperCase())
@@ -190,7 +194,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           documentation.isTrusted = true
           documentation.supportHtml = true
           documentation.appendMarkdown(detail.join('\n\n'))
-          return createCompletionItem({ content, snippet, documentation, type: vscode.CompletionItemKind.Event, sortText: 'b', preselect: true })
+          return createCompletionItem({ content, snippet, documentation, type: vscode.CompletionItemKind.Event, sortText: 'b', preselect: true, params: uiName })
         },
         )
       }
@@ -204,6 +208,9 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
         documentation.supportHtml = true
         const detail: any = []
         const { name, description, params, description_zh } = method
+
+        detail.push(`## ${uiName} [${item.name}]`)
+
         if (name)
           detail.push(`\n#### 💨 ${isZh ? '方法' : 'method'} ${name}:`)
 
@@ -218,7 +225,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
           detail.push(`- 🚢 ${isZh ? '参数' : 'params'}:    ***\`${params}\`***`)
 
         documentation.appendMarkdown(detail.join('\n\n'))
-        return createCompletionItem({ content: method.name, snippet: `${name.endsWith('()') ? name : `${name}()`}$1`, documentation, type: 1, preselect: true, sortText: 'b' })
+        return createCompletionItem({ content: method.name, snippet: `${name.endsWith('()') ? name : `${name}()`}$1`, documentation, type: 1, preselect: true, sortText: 'b', params: uiName })
       }))
     }
 
@@ -237,7 +244,7 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
         }
         documentation.appendMarkdown(detail.join('\n\n'))
 
-        slots.push(createCompletionItem({ content: `slot="${name}"`, snippet: `slot="${name}"$1`, documentation, type: 1, preselect: true, sortText: 'b' }))
+        slots.push(createCompletionItem({ content: `slot="${name}"`, snippet: `slot="${name}"$1`, documentation, type: 1, preselect: true, sortText: 'b', params: uiName }))
       })
     }
 
@@ -246,6 +253,9 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
       documentation.isTrusted = true
       documentation.supportHtml = true
       const details = []
+
+      details.push(`# ${uiName} [${item.name}]`)
+
       if (item.props) {
         if (isZh)
           details.push('## 参数:')
@@ -324,15 +334,10 @@ export function propsReducer(map: string[], iconData?: { prefix: string; type: s
   }, result)
 }
 
-export function componentsReducer(map: any[][], isSeperatorByHyphen = true) {
-  let prefix = ''
-  if (map) {
-    const first = map[0][0]
-    const name = typeof first === 'string' ? first : `${first.name[0].toLowerCase()}${hyphenate(first.name.slice(1))}`
-    prefix = name.split('-')[0][0]
-  }
+export function componentsReducer(map: any[][], isSeperatorByHyphen = true, prefix = '') {
   const isZh = getLocale().includes('zh')
-
+  const lan = getActiveTextEditorLanguageId()
+  const isVue = lan === 'vue'
   return {
     prefix,
     data: map.map(([content, detail, demo]) => {
@@ -342,7 +347,6 @@ export function componentsReducer(map: any[][], isSeperatorByHyphen = true) {
         const requiredProps: string[] = []
         let index = 0
         if (content.props) {
-          const lan = getActiveTextEditorLanguageId()
           Object.keys(content.props).forEach((key) => {
             const item = content.props[key]
             if (!item.required)
@@ -362,13 +366,13 @@ export function componentsReducer(map: any[][], isSeperatorByHyphen = true) {
                 key = key.replace(':v-model', 'v-model')
                 ++index
                 if (!v) {
-                  if (lan === 'vue')
+                  if (isVue)
                     attr = `${key}="\${${index}:${getComponentTagName(content.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}}"`
                   else
                     attr = `${key.slice(1)}={\${${index}:${getComponentTagName(content.name)}${_key[1].toUpperCase()}${toCamel(_key.slice(2))}}}`
                 }
                 else {
-                  if (lan === 'vue')
+                  if (isVue)
                     attr = `${key}="\${${index}:${getComponentTagName(content.name)}${key[1].toUpperCase()}${toCamel(key.slice(2))}}"`
                   else
                     attr = `${key.slice(1)}={\${${index}:${v}}}`
@@ -376,7 +380,7 @@ export function componentsReducer(map: any[][], isSeperatorByHyphen = true) {
               }
             }
             else if (item.type && item.type.includes('boolean') && item.default === 'false') {
-              if (lan === 'vue')
+              if (isVue)
                 attr = key
               else
                 attr = `${key}="true"`
@@ -390,7 +394,7 @@ export function componentsReducer(map: any[][], isSeperatorByHyphen = true) {
             requiredProps.push(attr)
           })
         }
-        const tag = isSeperatorByHyphen ? hyphenate(content.name.slice(1)) === content.name.slice(1) ? content.name : `${content.name[0].toLowerCase()}${hyphenate(content.name.slice(1))}` : content.name
+        const tag = isSeperatorByHyphen ? hyphenate(content.name) : content.name
         if (requiredProps.length)
           snippet = `<${tag} ${requiredProps.join(' ')}>$${++index}</${tag}>`
         else
@@ -425,7 +429,7 @@ function getComponentTagName(str: string) {
 }
 
 export function hyphenate(s: string): string {
-  return s.replace(/([A-Z])/g, '-$1').toLowerCase()
+  return s.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '')
 }
 
 export function toCamel(s: string) {
diff --git a/src/ui/vant/vant4/index.ts b/src/ui/vant/vant4/index.ts
index e491b2f4..050caeed 100644
--- a/src/ui/vant/vant4/index.ts
+++ b/src/ui/vant/vant4/index.ts
@@ -192,7 +192,7 @@ export function vant4() {
     watermark,
   ]
 
-  return propsReducer(map)
+  return propsReducer('vant', map)
 }
 
 export function vant4Components() {
@@ -431,5 +431,5 @@ export function vant4Components() {
     [uploader, '文件上传 用于将本地的图片或文件上传至服务器，并在上传过程中展示预览图和上传进度。目前 Uploader 组件不包含将文件上传至服务器的接口逻辑，该步骤需要自行实现。', '<van-uploader :after-read="afterRead" />'],
     [watermark, '水印 在页面上添加特定的文字或图案作为水印，可用于防止信息盗用。请升级 vant 到 >= 4.2.0 版本来使用该组件。', '<van-watermark content="Vant" />'],
   ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'van')
 }
diff --git a/src/ui/varlet/varlet2/index.ts b/src/ui/varlet/varlet2/index.ts
index 73db65e3..84fcb02f 100644
--- a/src/ui/varlet/varlet2/index.ts
+++ b/src/ui/varlet/varlet2/index.ts
@@ -129,7 +129,7 @@ export function varlet2() {
     radioGroup,
   ]
 
-  return propsReducer(map)
+  return propsReducer('varlet', map)
 }
 
 export function varlet2Components() {
@@ -440,5 +440,5 @@ export function varlet2Components() {
 </var-tooltip>`],
         [uploader, 'File upload provides file reading and image/video preview capabilities. Obtain the file upload server by listening to the after-read event. ', '<var-uploader v-model="files" @after-read="handleAfterRead"/>'],
       ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'var')
 }
diff --git a/src/ui/vuetify/vuetify3/index.ts b/src/ui/vuetify/vuetify3/index.ts
index 4ac7d58d..799fd023 100644
--- a/src/ui/vuetify/vuetify3/index.ts
+++ b/src/ui/vuetify/vuetify3/index.ts
@@ -195,7 +195,7 @@ export function vuetify3() {
     listItemSubtitle,
   ]
 
-  return propsReducer(map)
+  return propsReducer('vuetify', map)
 }
 
 export function vuetify3Components() {
@@ -411,5 +411,5 @@ export function vuetify3Components() {
         [menu, 'Menu can display a menu at the position of an active menu element. ', '<v-menu></v-menu>'],
         [overlay, 'mask layer', '<v-overlay v-model="overlay"></v-overlay>'],
       ]
-  return componentsReducer(map)
+  return componentsReducer(map, true, 'v')
 }