零依赖、零构建、极简体积。专为 ERP 场景打造的轻量级前端工具库， 路由、状态管理、响应式绑定、API 通信，一站式解决。
十二个模块，覆盖 ERP 开发全场景
12 项能力：参数路由、查询参数、命名路由、全局/独享守卫、离开守卫、后置钩子、滚动行为
响应式 Proxy 代理，跨标签页同步，持久化存储，订阅通知。auth.token 变更自动触发。
$.link 增量 DOM 更新，$.xtable 逐行对比，1000 行渲染仅 8ms。用户永远看不到裸 {key}。
配置式回调：onSuccess / onError / onFinally / loading。401 自动拦截，错误日志不静默。
$.interval / $.timeout / $.on 自动追踪，页面销毁时一键释放，杜绝内存泄漏。
暗/亮模式一键切换，CSS 变量驱动，图表颜色自适应。$.theme.toggle() 全局生效。
基于 SepX 的 UI 组件库，提供按钮、输入框、表格、对话框、下拉菜单等开箱即用组件，重点开发项目。
SepX 是轻量级工具库，非全功能框架。以下对比说明各自适用场景
| 维度 | SepX | Vue 3 | React 18 |
|---|---|---|---|
| 定位 | 轻量工具库 | 全功能框架 | 全功能框架 |
| 包体积 (min+gzip) | ~12 KB | ~34 KB | ~45 KB |
| 响应式系统 | Proxy 代理 | Proxy 代理 | 虚拟 DOM + Fiber |
| DOM 更新策略 | 增量 key 对比 | 编译优化 + vDOM | Fiber 调和 |
| 构建步骤 | 零构建 | 推荐 Vite | 推荐 Vite / Webpack |
| 外部依赖 | 0 | 通常搭配路由/状态库（可选） | |
| 浏览器兼容 | Chrome 51+ / Firefox 53+ / Safari 10+ / Edge 14+ | Chrome 51+ | Chrome 51+ |
| 适用场景 | ERP 后台 / 轻量 SPA | 企业级 SPA / 复杂交互 | |
SepX 不自研虚拟 DOM，不做编译优化，不与 Vue/React 在"全功能框架"维度竞争。
其价值在于零构建、零依赖、极简体积，适合对打包体积和构建复杂度敏感的 ERP 后台场景。
统一 $.xxx 风格，三行上手
// 注册路由，支持参数、守卫、标题 $.router.add('order/:id', { title: '订单详情', beforeEnter: function(params, query, next) { next(); }, handler: function(params) { showOrder(params.id); } }); // 导航 & 查询参数 $.router.go('order/123', { tab: 'detail', page: 1 });
// 初始化 $.store('auth', { token: '', user: '' }, { persist: true }); // 读写 $.store.auth.token = 'xxx'; // 自动同步 DOM + localStorage + 跨标签页 var user = $.store.auth.user; // 订阅变化 $.store.auth.$on('token', function(val) { if (!val) $.router.go('login'); });
// 配置式回调 $.apiPost('/api/login', { username: 'admin', password: '***' }, { onSuccess: function(data) { $.router.go('dashboard'); }, onError: function(msg, data) { alert(msg); }, onFinally: function() { btn.disabled = false; }, loading: function(v) { btn.disabled = v; } });
在线体验 SepX 组件库 & 工具库，源码即文档
三个模块独立压缩，按需引用；Demo 开箱即用