Go to file
OpenTiny 539ff30b4e feat: update charts demos
Match-id-6b779a341cbac05c76e1876a8612a5a998f6b38c
2024-05-11 11:49:37 +08:00
.cid feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
.codecheck feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
.github feat: Adapting to the X-design theme 2024-04-08 15:02:54 +08:00
.husky feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
.vscode feat: update charts demos 2024-05-11 11:49:37 +08:00
examples feat: update charts demos 2024-05-11 11:49:37 +08:00
gulp docs(sites): update docs and apis 2023-12-08 18:05:23 +08:00
internals feat: update charts demos 2024-05-11 11:49:37 +08:00
packages feat: update charts demos 2024-05-11 11:49:37 +08:00
patches feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
.all-contributorsrc feat: Adapting to the X-design theme 2024-04-08 15:02:54 +08:00
.depcheckrc.yaml fix(tiny-vue): TinyVue工程momorepo改造[WI2029] 2023-03-24 17:07:29 +08:00
.eslintignore feat: add dialog-select and optimize sites 2023-08-11 14:52:17 +08:00
.eslintrc.js feat: optimize mobile-first components 2024-02-02 18:07:36 +08:00
.gitattributes fix(tiny-vue): TinyVue工程momorepo改造[WI2029] 2023-03-24 17:07:29 +08:00
.gitignore feat: update charts demos 2024-05-11 11:49:37 +08:00
.hintrc fix(tiny-vue): TinyVue工程momorepo改造[WI2029] 2023-03-24 17:07:29 +08:00
.lintstagedrc.json docs(sites): update docs and apis 2023-12-08 18:05:23 +08:00
.npmrc refactor: refactor css var WI2027 2023-04-13 18:52:38 +08:00
.prettierignore feat: add dialog-select and optimize sites 2023-08-11 14:52:17 +08:00
.prettierrc feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
CHANGELOG.md fix(tiny-vue): TinyVue工程momorepo改造[WI2029] 2023-03-24 17:07:29 +08:00
CONTRIBUTING.md fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
CONTRIBUTING.zh-CN.md fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
LICENSE fix(tiny-vue): 修改license[WI2029] 2023-03-24 17:27:35 +08:00
README.md feat: Adapting to the X-design theme 2024-04-08 15:02:54 +08:00
README.zh-CN.md feat: optimize mobile-first components 2024-02-02 18:07:36 +08:00
commitlint.config.js docs(sites): update docs and apis 2023-12-08 18:05:23 +08:00
gulpfile.mjs docs(sites): update docs and apis 2023-12-08 18:05:23 +08:00
jsconfig.json feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
lerna.json fix(tiny-vue): TinyVue工程momorepo改造[WI2029] 2023-03-24 17:07:29 +08:00
logo.svg feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00
package.json feat: update charts demos 2024-05-11 11:49:37 +08:00
pnpm-workspace.yaml feat: sync site code 2023-10-23 09:41:58 +08:00
tsconfig.json fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
tsconfig.react.json feat: optimize mobile-first components 2024-02-02 18:07:36 +08:00
tsconfig.vue2.7.json fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
tsconfig.vue2.json fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
tsconfig.vue3.json fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
vercel.json fix: fix mobile-first components bugs 2024-02-23 16:56:57 +08:00
volar.config.js feat: support react and add new components: rich-text-editor/color-picker/divider/calendar-view 2023-10-11 18:20:44 +08:00

README.md

OpenTiny Logo

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
Kagol

💻
ajaxzheng
ajaxzheng

💻
TC-twwang
TC-twwang

💻
jacknan
jacknan

💻
Pithy
Pithy

💻
heygsc
heygsc

💻
MangoWu
MangoWu

💻
ADNY
ADNY

💻
chenxi-20
chenxi-20

💻
Alaray
Alaray

💻
ing
ing

💻
申君健
申君健

💻
MomoPoppy
MomoPoppy

💻
WXC-Spring
WXC-Spring

💻
GaoNeng
GaoNeng

💻
acyza
acyza

💻
ygj6
ygj6

💻
MrWang2016
MrWang2016

💻
qinwencheng
qinwencheng

💻
黄怡林
黄怡林

💻
zuixinwang
zuixinwang

💻
luopei
luopei

💻
前端爆冲
前端爆冲

🚇
Xie Jay
Xie Jay

🚇
linxiang
linxiang

💻
程序员包子
程序员包子

💻
peter G
peter G

💻 📖
gimmyhehe
gimmyhehe

💻
dong
dong

💻
凌览
凌览

💻
Caesar-ch
Caesar-ch

💻
chenqifeng66
chenqifeng66

⚠️
Zz-ZzzZ
Zz-ZzzZ

⚠️
Lyx
Lyx

💻
Spark Bill
Spark Bill

💻
wendZzoo
wendZzoo

💻
Gweesin Chan
Gweesin Chan

💻
Binks_
Binks_

📖
yoyo
yoyo

💻
Kif
Kif

💻
jack-zishan
jack-zishan

💻
LinboLen
LinboLen

💻
vaebe
vaebe

💻
YuYan Li
YuYan Li

💻
shonen7
shonen7

💻
xlearns
xlearns

💻
tianxin
tianxin

💻
Xppp0217
Xppp0217

💻
AcWrong02
AcWrong02

🐛
betavs
betavs

💻
fanbingbing16
fanbingbing16

💻
dyh333
dyh333

📖
betterdancing
betterdancing

📖
David
David

💻
falcon-jin
falcon-jin

💻
wuyiping0628
wuyiping0628

⚠️
James
James

📖
ichynul
ichynul

💻
Davont
Davont

💻
Nick Wu
Nick Wu

💻
Floyd
Floyd

💻
Jevin
Jevin

💻
星河
星河

💻

❤️ 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