press-tdesign-vue-next

二次封装 tdesign-vue-next
11,630
Install
npm install press-tdesign-vue-next
Latest Version:1.0.37
Vue:3
License:MIT
Last Updated:Sep 11, 2026
Links: npm
Maintainer: yanggwcn

press-tdesign-vue-next

对 TDesign Vue Next 组件库的二次封装。

1. 安装

1.1. 使用包管理器

# NPM
npm install press-tdesign-vue-next

# Yarn
yarn install press-tdesign-vue-next

# pnpm
pnpm install press-tdesign-vue-next

2. 快速开始

2.1. 完整引入

press-tdesign-vue-next 将会在 Vue 应用中进行全局组件注册。

// main.ts
import { createApp } from 'vue';
import PressTDesignVueNext from 'press-tdesign-vue-next';
import 'press-tdesign-vue-next/dist/index.css';

const app = createApp(App);

app.use(PressTDesignVueNext);

2.2. 按需引入

需要在使用组件的地方手动对 组件 进行导入。

<!-- App.vue -->
<template>
  <SidebarItem ... />
</template>

<script setup>
  import { SidebarItem } from 'press-tdesign-vue-next';
</script>

3. 注意事项

组件库打包时会对第三方包如 tdesign-vue-next 、vue、vue-router 进行 externals 处理,所以务必保证使用组件的项目中导入必须要的第三方库。

Related Packages

ebus-light

轻量级的 Event Bus

5,076
xy-tdesign-ui

使用vite发布自定义组件库到npm

2,253
press-ui-react

简单、易用的跨端组件库,兼容 Vue2 和 Vue3,同时支持 uni-app和普通 Vue 项目

7,019 20
press-ui

简单、易用的跨端组件库,兼容 Vue2 和 Vue3,同时支持 uni-app和普通 Vue 项目

48,936 20

Version History

Version Released Vue License
1.0.37 ^3.0.0 MIT
1.0.36 ^3.0.0 MIT
1.0.35 ^3.0.0 MIT
1.0.34 ^3.0.0 MIT
1.0.33 ^3.0.0 MIT