Appearance
更新日志
版本号与 package.json 中 version 一致。npm 包名 draw-empty;文档站品牌 DrawE。
0.1.0
发布日期: 2026-05-05(文档记录;以仓库标签 / npm 为准可自行调整)
当前产品能力摘要
组件(Vue 3)
DrawEmpty:插画空状态——插图(unDraw 风格 SVG)、标题、描述、默认插槽(主操作)、#extra、#image完全自定义。UndrawImg:按需加载包内src/assets/undraw-illustrations/*.svg,可单独使用。- 插图主色:属性
accent-color/accentColor传入#RRGGBB以统一 SVG 配色;createDrawEmptyPlugin({ accentColor })可设应用级默认。
插件与导出
createDrawEmptyPlugin:全局注册DrawEmpty、UndrawImg;可选默认插图主色accentColor。drawEmptyDefaultAccentKey:与插件配套的主色注入键(进阶,多数项目不需要直接碰)。- 入口:
src/index.ts(发布形态为源码;业务项目需能编译.vue)。
资源与工具
npm run prepare:undraw:从 unDraw API 拉取预设演示 SVG。npm run prepare:undraw:all:尽量拉全库插图(体积与时耗大)。npm run pack:生成releases/draw-empty-*.tgz(files当前为src;目录内可保留历史版本)。
文档站(VitePress)
- 指南(介绍、快速开始、安装与接入)、组件文档(API + Demo +
?raw同源示例)、插图资源浏览;维护说明单独折叠为附录。
分发说明
peerDependencies:vue ^3.4.0。- 主要分发方式:GitHub Release、Git、本地
.tgz;详见当前文档 安装与接入。
破坏性变更
无(首个归档版本)。