aring/tiny-vue：TinyVue是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。

Sync release 3.16.0 (#1671)

fix(grid): fix right fixed table header gutter style (#1542)
fix(grid): [grid] fix grid no emit filter-change bug (#1536)
fix(grid): [grid] fix grid not emit filter-change bug
fix(grid): [grid] fix grid not emit filter-change bug
docs: add v3.15.0 changelog (#1544)
fix(tree): remove leaf node’s padding-left (#1546)
fix(action-menu): [action-menu] fix no divided bug (#1538)
fix(action-menu): [action-menu] fix no divided bug
fix(action-menu): [action-menu] fix no divided bug
refactor(unplugin): rewrite unplugin for autoimport Vue components (#1553)
fix(tabs): [tabs] Fixed issue with default slot and template/v-if/v-for usage in vue2 and vue3 (#1558)
fix(tabs): [tabs] Fix the bug where the name is empty caused by using v-if in tabstem
fix(tabs): [tabs] update renderless version
fix(tabs): [tabs] Fix the issue with rendering in the default slot of Vue3
fix(tabs): [tabs] Fix the issue of inconsistent highlighting when multiple V-ifs are used
fix(tabs): [tabs] update opentiny/vue-tabs version
fix(theme-saas): update theme saas dependencies (#1582)
Update package.json
feat(unplugin-tiny-vue): add TinyVueResolver (#1585)
docs: add breaking changes to changelog (#1562)
fix(chart): delete chart duplicate key (#1624)
fix(select): [select] add showAllTextTag prop for select (#1627)
fix(select): add showAllTextTag prop for select
fix(select): update select version in package.json
fix: [chart]fix chart height error and area chart empty data error (#1631)
fix: 修复面积图空数据报错问题
fix: 修复图表高度设置为100%的高度异常问题
fix: 修改boxplot图表案例引入
fix(drop-times): [drop-times] modify style (#1635)
feat(theme): update theme version
fix(chart): fix chart extend bugs (#1638)
fix: 修复chart图表的extend未生效问题
fix: 优化图表extend逻辑
fix: 优化图表extend逻辑
docs: optimize component category (#1626) (#1641)
docs: update changelog v3.16.0 (#1642)
feat(version): add npmmirror cdn link (#1646)
feat(version): update docs version
feat(alert): [alert] add type title text color css var (#1653)
feat(alert): [alert] add type title text color css var
feat(alert): [alert] add type title text color css var
fix(select): [select] Fix the issue of invalid select component click events and remove inheritAttrs (#1657)
fix(theme): [grid] fix tree node text overflow (#1661)
fix(vue): [grid] fix multi toolbar can not get tableColumns config (#1656)
fix(vue): [grid] fix multi toolbar can not get tableColumns config
fix(vue): [grid] fix multi toolbar can not get tableColumns config
fix(select,grid): fix select click event bug and grid toolbar bug
fix(modal): adjust the title icon display of the modal (#1658)
fix(modal): adjust the title icon display of the modal
fix: update modal package.json
fix(statistic): optimized the style, test, and example of the statistics component (#1660)
fix: update style and demo statistic of component
fix: update e2e-test
fix: when num is equal to 0

Co-authored-by: gimmyhehe 975402925@qq.com Co-authored-by: Kagol kagol@sina.com Co-authored-by: 申君健 40288193@qq.com Co-authored-by: chenxi-20 76168465+chenxi-20@users.noreply.github.com Co-authored-by: Davont davontz@icloud.com Co-authored-by: 李天佑 66231260+You-Hw-Y@users.noreply.github.com Co-authored-by: MomoPoppy 125256456+MomoPoppy@users.noreply.github.com Co-authored-by: James 72028410+James-9696@users.noreply.github.com

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

English | 简体中文

🌈 Features:

📦 104 clean, easy-to-use and powerful components.
🖖 One code, Support both Vue.js 2 and Vue.js 3.
🖥️ One code, Support both PC and Mobile.
🌍 Support internationalization.
🎨 Support theme customization.
📊 Components support configuration development, can support low-code platform.
💡 Use a cross-end and cross-framework architecture, flexible and portable.

🛠️ Usage

1. Installation

Execute the following command to install the TinyVue component library for Vue.js 3.

npm i @opentiny/vue@3

Execute the following command to install the TinyVue component library for Vue.js 2.

npm i @opentiny/vue@2

2. Import component

Then you can use the TinyVue component(such as <tiny-button>) in the App.vue file.

<script lang="ts" setup>
  import { Button as TinyButton } from '@opentiny/vue'
</script>

<template>
  <tiny-button>Tiny Vue</tiny-button>
</template>

🖥️ Development

git clone git@github.com:opentiny/tiny-vue.git
cd tiny-vue
pnpm i

# Vue.js 3
pnpm dev

# Vue.js 2
pnpm dev2

Open your browser and visit: http://127.0.0.1:7130/

🤝 Contributing

Welcome to join our OpenTiny community!🎉

If you don’t know how to start, please read our contributing guide.

Add the official assistant WeChat opentiny-official and join the technical exchange group.
Add to the mailing list opentiny@googlegroups.com

✨ Contributors

Contributors are community members who have 1 or more PR merged in OpenTiny.

Thanks goes to these wonderful people (emoji key):

_Kagol 💻	_ajaxzheng 💻	_TC-twwang 💻	_jacknan 💻	_Pithy 💻	_heygsc 💻	_MangoWu 💻	_ADNY 💻
_chenxi-20 💻	_Alaray 💻	_ing 💻	_申君健 💻	_MomoPoppy 💻	_WXC-Spring 💻	_GaoNeng 💻	_acyza 💻
_ygj6 💻	_MrWang2016 💻	_qinwencheng 💻	_黄怡林 💻	_zuixinwang 💻	_luopei 💻	_前端爆冲 🚇	_{Xie Jay} 🚇
_linxiang 💻	_{程序员包子} 💻	_{peter G} 💻 📖	_gimmyhehe 💻	_dong 💻	_凌览 💻	_Caesar-ch 💻	_chenqifeng66 ⚠️
_Zz-ZzzZ ⚠️	_Lyx 💻	_{Spark Bill} 💻	_wendZzoo 💻	_{Gweesin Chan} 💻	_{Binks_} 📖	_yoyo 💻	_Kif 💻
_jack-zishan 💻	_LinboLen 💻	_vaebe 💻	_{YuYan Li} 💻	_shonen7 💻	_xlearns 💻	_tianxin 💻	_Xppp0217 💻
_AcWrong02 🐛	_betavs 💻	_{fanbingbing16} 💻	_dyh333 📖	_{betterdancing} 📖	_David 💻	_falcon-jin 💻	_wuyiping0628 ⚠️
_James 📖	_ichynul 💻	_Davont 💻	_{Nick Wu} 💻	_Floyd 💻	_Jevin 💻	_星河 💻	_{Ranier Yu} 💻
_Zcating 💻	_{Aoi Kaze} ⚠️

❤️ Credits

Thanks to:

The element project which is an old component library based on Vue.js. TinyVue draws on Element at the beginning of its design, and is compatible with Element’s component API.
The floating-ui project which is a small library that helps you create “floating” elements such as tooltips, popovers, dropdowns, and more. Many components of TinyVue are based on the capabilities provided by Floating UI.
The vxe-table project which is a Vue-based table component, supports rich features, TinyVue’s Grid component is based on vxe-table.
The sortablejs project which is a powerful drag-and-drop library. The drag-and-drop sorting function of TinyVue’s Grid / Transfer / Tabs and other components is based on Sortable.
@adamwathan‘s article Renderless Components in Vue.js, which inspired TinyVue’s renderless component design architecture and ultimately enabled cross-end and cross-framework capabilities in the TinyVue project.

License

MIT