xui
一个基于原生 JS 的组件库,提供丰富的方法、组件与插件。不依赖任何框架,可在 Vue / React / Angular 等任何工程中使用。
- 📦 零框架依赖,产物 <30 KB(gzip 6.7 KB)
- 🧩 按需引入(ESM tree-shaking)或整体引入(UMD 一行 ````
🧩 组件矩阵
| 分类 | 组件 |
|---|---|
| 反馈 | loading · prompt · message · popConfirm |
| 数据展示 | pagination · slider · imgShow · animateImgShow · digitalScroll |
| 数据录入 | dropDown · calendar · digital · sliderBar · cascader · transfer |
| 导航 | tabChange · backToTop · fullPage |
| 其他 | collapse · countDown · lazyLoad · pullLoad · scrollLoad · snowFlake · copyToClipBoard |
完整文档:https://xumengzi.github.io/xui/
🛠 本地开发
bash
# 安装依赖
npm install
# 组件库开发/构建
npm run build # 输出到 dist/
npm run lint # 代码检查
npm run lint:fix # 自动修复
# 文档站点
npm run docs:dev # http://localhost:5173/
npm run docs:build # 构建到 book/
npm run docs:preview # 预览构建产物📁 目录结构
xui/
├── packages/ 组件源码(按需引入的入口)
├── assets/ 整合版 xui.js / xui.css(自动生成)
├── docs/ VitePress 文档站点配置
├── dist/ 构建产物(npm 发布内容)
├── methods/ 方法文档
├── plugins/ 组件文档
├── styles/ 样式文档
└── collection/ 实用代码收藏🌐 兼容性
- 现代浏览器(Chrome / Edge / Safari / Firefox 最新版)
- IE 10+ 需要业务侧用 Babel 转译
📝 更新日志
见 CHANGELOG.md。
🤝 贡献
欢迎 issue 与 PR,也可邮件联系:xumeng0611@gmail.com
📄 License
逢中国历史上一些大灾难, 本站点会置灰
寓形宇内复几时,曷不委心任去留?胡为乎遑遑欲何之?
富贵非吾愿,帝乡不可期。
怀良辰以孤往,或植杖而耘耔。
登东皋以舒啸,临清流而赋诗。
聊乘化以归尽,乐夫天命复奚疑!
——节选自陶渊明《归去来兮辞》