BookerUI-Next 是一个基于 Vue3 + TypeScript 的 UI 组件库

Overview

BookerUI-Next 组件介绍

BookerUI-Next 是一个基于 Vue3 + TypeScript 的 UI 组件库,这是我在Vue3TypeScript 的项目过程中,开发的一个UI框架。

目前已开发完成DropDown下拉框Table 表格Loading 加载中Message 消息提示Modal 对话框Input 输入框Form 表单Uploading 上传等组件,本 UI 框架是一个「面向源码 (opens new window)阅读者」的框架,希望对你有所帮助。

如果你在使用过程中发现问题, 非常感谢你提出宝贵意见

注意:

本组件库仅供学习交流,请不要在生产环境中使用本 UI 框架。 欢迎讨论交流,如果你觉得还不错,请star

开始使用

  • 安装
npm i -D bookerui-next # 或 yarn i -D bookerui-next
  • 局部引入
import { DropDown, DropDownItem, AttrTable } from 'bookerui-next'
  • 文档

http://pand.club/bookerui-next/

变更记录

V1.0.0:

  • DropDown下拉框
  • Table 表格
  • Loading 加载中
  • Message 消息提示
  • Modal 对话框
  • Input 输入框
  • Form 表单
  • Uploading 上传

BookerUI-Next 官网介绍

使用 Vue 3 + Vue Router 4 制作了官网,参考ElementUI Plus 风格进行页面设计、和路由设计

官网支持代码预览和代码高亮

  • 安装
npm install
  • 启动服务
npm run serve

avatar

  • 打包
npm run build
  • lint and fix
npm run lint
You might also like...
这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)

介绍 基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。 线上预览 vue3.x 版本

Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使用javascript语法保留了对不熟悉typescript语法用户的友好,同时框架很适合轻松上手使用,希望给你带来帮助。
Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使用javascript语法保留了对不熟悉typescript语法用户的友好,同时框架很适合轻松上手使用,希望给你带来帮助。

简介 Brisk-Admin 是一个基于 Vue3.0、Vite、 element-plus、JavaScript的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务页面,包括二次封装组件、动态路由菜单、国际化、动态换肤等功能,它可以帮助你快速搭建中后台项目,该项目使用最新的前端技术栈,使

mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统,包括golang后端、 Vue后台管理员前端 ,主要功能有商品管理、订单管理、用户管理。
mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统,包括golang后端、 Vue后台管理员前端 ,主要功能有商品管理、订单管理、用户管理。

mall 介绍 mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统,包括golang后端、 Vue后台管理员前端 ,主要功能有商品管理、订单管理、用户管理。

🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

🚀🚀🚀vue3,vue3.0,vue,vue3.x,vue.js,vue后台管理,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)

vue3 表单生成;vue3 elementui-next 自动生成代码; vue3 form make

简介 本项目以 https://github.com/JakHuang/form-generator 为基础,对vue3 和elementu-next 进行了适配 在线预览 地址 使用方法 main.js import { createApp } from 'vue' import App from

🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.
🚀🚀🚀Vue3,Vue3.0,Vue,Vue3.x,Vuex,Typescript,TSX,ts,vue后台管理,admin,vue-admin,vue3-admin,vue-element-admin,iooc-admin,iooc-vue-admin主线版本基于element-plus、Typescript开发维护.集成CRUD,JsonSchema、大量节省业务代码.

iooc-admin(element-plus) 演示地址(数据库五分钟重置一次) ⚡️ vue3.x + element-plus + TypeScript ⚡️ vue3.x + element-plus + TypeScript (视频) 项目地址 ⚡️ vue3.x + element-pl

vue3-use-modal - vue3(vue-next) plugin that provide easy use of modal

vue3-use-modal is vue3(vue-next) plugin that provide easy use of modal. It is not only component based but also lets using modal either asynchronous or synchronous behavior.

🎨 基于 Vuejs 的 Canvas 组件库
🎨 基于 Vuejs 的 Canvas 组件库

vuc $$ 链接 Demo 👁️ 中文文档 👁️ Install npm install --save vuc-input || vuc-carousel ||..... yarn add vuc-input || vuc-carousel || ...... Basic use // v

NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

NutUI 3 - 京东风格的轻量级移动端 Vue 组件库 (A Vue.js UI Toolkit for Mobile Web)

First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。

First UI 快速上手 使用 First UI 前,请确保你已经学习并熟练使用过 uni-app 。 安装 方式一 :通过 npm 安装 使通过 npm 安装,需要先通过 vue-cli 创建 uni-app 项目,详见 。 // # Using npm npm install firstui-

Pinia-starter-ts - 🪁 A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] 🍍

pinia-starter-ts 🪁 A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] 🍍 Live demo: Pinia TS Starter Environment Support Vue 3.2.

✨ Configurable and native-like page transition for Vue3 and vue-router-next

vue-router-transition ✨ Configurable and native-like page transition for Vue3 and vue-router-next Demo Code Demo Why ❓ Light weight: Only one componen

Vue-typescript-starter-project - Vue3, Vuex, Vue-router starter project using typescript

Vue Typescript Starter Project Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0,  ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

VUE VBEN ADMIN2.0 Chinese | English CHANGELOG Introduction GitHub Thin Preview Documentation Preinstallation Environmental requirements UI framework I

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0,  ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...
✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

✨ ✨ ✨ A vue3 style Admin based on Vite2, vue3.0, ant-design-vue 2.x, typescript,vuex,vue-router,Efforts to update in progress...

🎉 A new generation vue3 admin template using  vue3(script-setup) + vite2 + element-plus + typescript
🎉 A new generation vue3 admin template using vue3(script-setup) + vite2 + element-plus + typescript

vue3-admin-ts English | 中文 A basic vue3 admin template with vite2 & Element-Plus UI & axios & svg-icon& permission control & lint A new generation adm

wt-vite-vue3-element-ruoyi-ts 若以 若依 typescript ts vue3 vue vite vite2.0 模版

wt-vite-vue3-element-ruoyi-ts 🎉 全网首发 🎉 基于 Vite 2.0 + Vue 3.0 + Vue-Router 4.0 + Vuex 4.0 + element-plus + typescript 的后台管理系统 Project setup npm i -g

A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss

Vue3 Todo Web Application A Vue3 Todo Web Application with typescript, Vue3, Pinia, Tailwindcss How to run? npm install # or yarn yarn npm run dev #

Vue3-ts-boilerplate - Packed Vue3 boilerplate with storybook, unit testing, generators, typescript, pinia, vue-router

Vue3 TS Boilerplate This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur).

Owner
Booker Drew
阿DU的前端📅
Booker Drew
First UI 是一套基于uni-app开发的组件化、可复用、易扩展、低耦合的跨平台移动端UI 组件库。

First UI 快速上手 使用 First UI 前,请确保你已经学习并熟练使用过 uni-app 。 安装 方式一 :通过 npm 安装 使通过 npm 安装,需要先通过 vue-cli 创建 uni-app 项目,详见 。 // # Using npm npm install firstui-

null 169 Dec 25, 2022
Ory Kratos Vue3 / Vite with Typescript User Interface Reference Implementation

Ory Kratos Vue3 / Vite with Typescript User Interface Reference Implementation This repository contains a reference implementation for Ory Kratos' in

Tim 21 Jan 1, 2023
🧬Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

??Equal UI is a Vue 3 components library with 30+ components based on TypeScript and personal design system.

Yan Savinov 873 Jan 3, 2023
A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.

Naive UI A Vue 3 Component Library Fairly Complete, Customizable Themes, Uses TypeScript, Not too Slow Kinda Interesting English | 中文 Documentation ww

TuSimple 11.3k Jan 4, 2023
A flexible {vue3 + TS} UI component library

Viewer-Design UI Viewer-Design - A customized UI Library ?? Vue 3.0 Composition API ?? Written in TypeScript Status: Beta This project is still under

null 24 Dec 16, 2022
Vue components built for Nuxt3|Vue3 powered by Windi CSS|tailwindcss

Vue components built for Vue3 powered by Windi CSS or tailwindcss ?? Features ?? All components and classes include dark-mode support ?? Programmatic

Fume 67 Dec 28, 2022
Tradingview widgets for Vue3 and Nuxt3

Tradingview widgets for Vue3 and Nuxt3

Ehsan Shahverdi 41 Dec 7, 2022
Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS

Vue3-ui Vue3 ready components library built with love and care designed to integrate beautifully with Bulma CSS Documentation The full documentation f

null 50 Dec 7, 2022
Use EasyVueUI ui components to build web page easily (vue3 project)

EasyVueUI Use EasyVueUI ui components to build web page easily (vue3 project) This template should help get you started developing with Vue 3 in Vite.

null 4 Sep 7, 2022
Naive Ui Admin 是一个基于 vue3,vite2,TypeScript 的中后台解决方案

Naive Ui Admin 是一个基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后台解决方案,它使用了最新的前端技术栈,并提炼了典型的业务模型,页面,包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能,它可以帮助你快速搭建企业级中后台项目,相信不管是从新技术使用还是其他方面,都能帮助到你。

Ah jung 3.2k Jan 1, 2023