Skip to content

更新日志

版本号与 package.jsonversion 一致。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:全局注册 DrawEmptyUndrawImg;可选默认插图主色 accentColor
  • drawEmptyDefaultAccentKey:与插件配套的主色注入键(进阶,多数项目不需要直接碰)。
  • 入口:src/index.ts(发布形态为源码;业务项目需能编译 .vue)。

资源与工具

  • npm run prepare:undraw:从 unDraw API 拉取预设演示 SVG。
  • npm run prepare:undraw:all:尽量拉全库插图(体积与时耗大)。
  • npm run pack:生成 releases/draw-empty-*.tgzfiles 当前为 src;目录内可保留历史版本)。

文档站(VitePress)

  • 指南(介绍、快速开始、安装与接入)、组件文档(API + Demo + ?raw 同源示例)、插图资源浏览;维护说明单独折叠为附录。

分发说明

  • peerDependenciesvue ^3.4.0
  • 主要分发方式:GitHub ReleaseGit本地 .tgz;详见当前文档 安装与接入

破坏性变更

无(首个归档版本)。

MIT License · 插图遵循 unDraw 许可 · 当前文档对应 v0.1.0