Go to file
allcontributors[bot] 2781d0d583
docs: add pe-3 as a contributor for code (#347)
* docs: update README.md [skip ci]

* docs: update .all-contributorsrc [skip ci]

---------

Co-authored-by: allcontributors[bot] <46447321+allcontributors[bot]@users.noreply.github.com>
2023-07-31 16:15:55 +08:00
.cid fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
.codecheck feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.github docs: Update PULL_REQUEST_TEMPLATE.md (#258) 2023-05-31 22:26:26 +08:00
.husky fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
.vscode feat(TinyVue): 同步内部代码,新特性添加和bug修复 2023-06-29 00:41:18 -07:00
examples fix #268 增加编辑框弹出时自定义事件 (#315) 2023-07-12 09:13:25 +08:00
internals fix(icon): 修复icon图标显示异常问题 2023-06-29 02:29:19 -07:00
packages fix(checkbox): 修复checkbox label为0时不显示bug (#331) 2023-07-24 09:25:36 +08:00
patches fix(build) 修复grid、pager组件bug 2023-05-18 05:34:12 -07:00
.all-contributorsrc docs: add pe-3 as a contributor for code (#347) 2023-07-31 16:15:55 +08:00
.depcheckrc.yaml Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
.eslintignore feat: add XDesign 2023-05-18 16:57:25 +08:00
.eslintrc.js feat(TinyVue): 同步内部代码,解决若干bug 2023-06-10 00:54:00 -07:00
.gitattributes Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
.gitignore feat(pnpm-lock): 添加pnpm-lock到git仓库 (#320) 2023-07-13 09:27:50 +08:00
.hintrc Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
.npmrc Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
.prettierignore feat: add XDesign 2023-05-18 16:57:25 +08:00
.prettierrc Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
CHANGELOG.md Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
CONTRIBUTING.md feat: add XDesign 2023-05-18 16:57:25 +08:00
CONTRIBUTING.zh-CN.md feat: add XDesign 2023-05-18 16:57:25 +08:00
LICENSE Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
README.md docs: add pe-3 as a contributor for code (#347) 2023-07-31 16:15:55 +08:00
README.zh-CN.md feat(TinyVue): 同步内部代码,解决若干bug 2023-06-10 00:54:00 -07:00
commitlint.config.js feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
jsconfig.json fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
lerna.json Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
logo.svg feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
package.json feat(TinyVue): 同步内部代码,新特性添加和bug修复 2023-06-29 00:41:18 -07:00
pnpm-lock.yaml feat(pnpm-lock): 添加pnpm-lock到git仓库 (#320) 2023-07-13 09:27:50 +08:00
pnpm-workspace.yaml Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
tsconfig.json Refactor project to Monorepo and TypeScript (#90) 2023-03-28 20:37:18 +08:00
tsconfig.vue2.7.json fix: fix some XDesign bug 2023-05-25 14:26:49 +08:00
tsconfig.vue2.json fix: fix some XDesign bug 2023-05-25 14:26:49 +08:00
tsconfig.vue3.json fix: fix some XDesign bug 2023-05-25 14:26:49 +08:00
volar.config.js feat(TinyVue): 同步内部代码,解决若干bug 2023-06-10 00:54:00 -07: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:

  • 📦 69 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

💻

License

MIT