2eba6c9057
* 图表 * chart log * add anchor * test * add guide * add breadcrumb * 1 * tag add * 1 * Merge branch 'master' of https://gitee.com/zhang-yanling/opentiny # Conflicts: # examples/react-docs/src/tag/base.tsx # packages/react/src/common/package.json # packages/react/src/common/src/index.ts # packages/react/src/common/src/vue-hooks.ts # packages/react/src/common/src/vue-instance.ts # packages/react/src/tag/src/pc.jsx # packages/renderless/src/badge/vue.ts # packages/renderless/src/chart-line/index.ts # packages/renderless/src/chart-waterfall/index.ts # packages/renderless/types/badge.type.ts * 1 * change docs * add float-button divider * add serch * add tooltip * 添加darwer 说明文档 * add time-line * add qrcode * 说明文档进一步说明 * 说明文档进一步说明 * add skeleton * 优化说明文档 * add progress * ADD progress mobile * 文档优化 删除一些不必要的文件 * rename file * vue转jsx * 优化脚本文件 * 优化脚本文件 * 优化脚本文件 * 优化脚本文件 * fix:merge |
||
---|---|---|
.cid | ||
.codecheck | ||
.github | ||
.husky | ||
.vscode | ||
examples | ||
gulp | ||
internals | ||
packages | ||
patches | ||
.all-contributorsrc | ||
.depcheckrc.yaml | ||
.eslintignore | ||
.eslintrc.js | ||
.gitattributes | ||
.gitignore | ||
.hintrc | ||
.lintstagedrc.json | ||
.npmrc | ||
.prettierignore | ||
.prettierrc | ||
CHANGELOG.md | ||
CONTRIBUTING.md | ||
CONTRIBUTING.zh-CN.md | ||
LICENSE | ||
README.md | ||
commitlint.config.js | ||
convert-vue-to-jsx.js | ||
gulpfile.mjs | ||
image-1.png | ||
image.png | ||
jsconfig.json | ||
lerna.json | ||
logo.svg | ||
package.json | ||
pnpm-workspace.yaml | ||
tsconfig.json | ||
tsconfig.react.json | ||
tsconfig.vue2.7.json | ||
tsconfig.vue2.json | ||
tsconfig.vue3.json | ||
vercel.json | ||
volar.config.js |
README.md
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):
❤️ 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.