forked from opentiny/tiny-vue
b9aefb73f1
* 组件库 react 版本的 button 组件实现,0 - 1 实现 react 复用 vue 逻辑 (#341) * refactor: A constructor name should not start with a lowercase letter but a uppercase. * feat: 查看样式 less 问题 * feat: react版本 button api 功能实现,移除 lock 文件 * feat: react版本 button api 功能实现,修复 pr 问题 * feat: react版本 button api 功能实现,lock 文件更改 * feat: react版本 button api 功能实现,lock 文件更改 * feat: react版本 button api 功能实现,多余注释删除 --------- Co-authored-by: guoxudong06 <guoxudong06@meituan.com> * feat: tiny-react event module, imitate vue event system (#405) * feat: tiny-react props resolver,to get events & attrs from props (#408) * feat: utils of packages/react-common (#409) * feat: replacing some rendering logic in jsx with virtual components (#412) * feat: tiny-react svg render function (#406) * feat: data responsive core, registering responsive objects through us… (#416) * feat: data responsive core, registering responsive objects through useReactive * feat: Modify the passing values of path attributes in the code * Add a virtual machine like proxy for fiber component nodes (#442) * feat(react): Add related operations to the fiber tree (#431) * Add related operations to the fiber tree * Make some optimizations for fiber operations * feat: simulate Vue Composite API (#445) * feat: 添加 tiny-react 的 alert 组件 (#477) * feat(react): Packaging and building React series components (#493) * feat: 打包构建 react 系组件 * feat: 打包构建 react 系组件 * feat(react): Fix the React dev development link (#510) * feat: 修复开发链路 * feat: 修复开发链路 * fix: 修改 scope * fix: 修复导入后缀 * fix: 修复导入后缀 * fix: tsx 运行报错,改回 jsx * fix: 打包 react 组件排出 react 运行依赖 * fix: 修复打包无法通过命令参数自定义 npmscope 和版本问题 * feat(react): 在 packages/react 下添加 readme 文件 --------- Co-authored-by: Mr.栋子 <guoxiaodong@MrdongzideMacBook-Pro.local> * fix(react): Development and debugging environment adjustment (#527) * fix: 开发链路调整 * fix: react dev 开发命令入口修复 --------- Co-authored-by: Mr.栋子 <guoxiaodong@MrdongzideMacBook-Pro.local> * feat(react): 添加 react-site api 文档项目 (#528) Co-authored-by: Mr.栋子 <guoxiaodong@MrdongzideMacBook-Pro.local> * fix: 打包代码 scope 为 @opentiny 会无限循环替换修复 (#529) Co-authored-by: Mr.栋子 <guoxiaodong@MrdongzideMacBook-Pro.local> --------- Co-authored-by: guoxudong06 <guoxudong06@meituan.com> Co-authored-by: Mr.栋子 <guoxiaodong@MrdongzideMacBook-Pro.local> |
||
---|---|---|
.cid | ||
.codecheck | ||
.github | ||
.husky | ||
.vscode | ||
examples | ||
gulp | ||
internals | ||
packages | ||
patches | ||
.all-contributorsrc | ||
.depcheckrc.yaml | ||
.eslintignore | ||
.eslintrc.js | ||
.gitattributes | ||
.gitignore | ||
.hintrc | ||
.npmrc | ||
.prettierignore | ||
.prettierrc | ||
CHANGELOG.md | ||
CONTRIBUTING.md | ||
CONTRIBUTING.zh-CN.md | ||
LICENSE | ||
README.md | ||
README.zh-CN.md | ||
commitlint.config.js | ||
git | ||
gulpfile.mjs | ||
jsconfig.json | ||
lerna.json | ||
logo.svg | ||
package.json | ||
pnpm-lock.yaml | ||
pnpm-workspace.yaml | ||
tsconfig.json | ||
tsconfig.vue2.7.json | ||
tsconfig.vue2.json | ||
tsconfig.vue3.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:
- 📦 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):