🥳Elx开源升级：XMarkdown 组件加入、Storybook 预览体验升级
Element Plus XV1.3.0上新XMarkdown 组件
🙊大家好，我是嘉悦。经过一周 beta 版本的测试，我们推出了 v1.3.0 主版本，并且将 main 分支的代码进行了替换。移除了旧的 playground 代码，换成了新的 storybook 在线预览体验更好。同时我们也在我们的👉仿豆包模版项目 中升级了最新的自建库依赖，并集成了 xmd 组件
🥪现在的在线预览：可以在右侧进行调试，实时预览，让你更快理解组件属性
🫕最新的模版项目代码已经更新，请大家酌情拉取，可能会和你本地的已修改的代码有冲突
这一次主版本的更新，主要是给 XMarkdown 组件进行了优化升级，我们内置了更多功能
🍍内置更多功能，支持自定义
| 功能 | 描述 | 是否支持 |
|---|---|---|
| 增量渲染 | 极致的性能 | ✅ |
| 自定义插槽 | 可以是 h 函数的组件，也可以是 template 模版组件，上手更简单 | ✅ |
| 行级代码块高亮 | 内置样式，可自定义 | ✅ |
| 代码块高亮 | 内置折叠、切换主题色、复制代码块、滚动吸顶功能 | ✅ |
| 数学公式 | 支持行级公式和块级公式 | ✅ |
| mermaid 图表 | 内置切换查看代码、缩放、归位、下载、复制代码块功能 | ✅ |
| 自定义 echarts | 自定义渲染 | ✅ |
| 拦截 ``` 后面的标识符 | 拦截后可获取内容进行自定义渲染 | ✅ |
| 拦截标签 | 拦截后可进行自定义渲染 | ✅ |
| 支持预览 html 代码块 | 内置对 html 标签的预览功能 | ✅ |
🐝在项目中使用后，大概是这个样子
💌 mermaid 图表
💌 数学公式
💌 预览 html
💌 代码块
💌 自定义代码块
💌 自定义属性
💌 自定义标签
目前，我们已经将组件上新到组件库 main 分支开源，请大家及时fork最新的 main 分支代码。💐欢迎大家升级体验最新V1.3.0版本
pnpm add vue-element-plus-x@1.3.0V1.3.0版本更新内容速递:
🍉 后续计划
- 😁我们近期会对组件库的官网进行更新
- 🥰预计下周，我们将会推出一个对 vue2 的支持库，并负责维护下去
- 🐒预计下下周，我们将会推出 编辑发送框组件，这个组件已经在测试阶段
- 🙉同时已经组建了一个30+人的开发者群，后续会在开发者群中开放更多的贡献任务
- 💩对这个项目感兴趣的朋友，可以加交流群或者作者微信 👉交流邀请
📢 项目地址，快速链接体验
这里是最全的项目地址，方便大家跳转查看
| 名称 | 链接 |
|---|---|
| 👀 模版项目 预览 | 👉 在线预览 |
| 🍉 模版项目 源码 | 👉 github 👉 gitee |
| 🎀 模版项目 开发文档 | 👉 模版项目 开发文档 |
| 💟 Element-Plus-X 组件库 | 👉 Element-Plus-X 组件库 开发文档 |
| 🎃 Element-Plus-X 组件库交流群 | 👉 交流4群二维码地址 github 👉 交流4群二维码地址 gitee 💖加入交流群，获取最新的技术支持💖 |
| 🚀 若依AI项目 源码 | 👉 github 👉 gitee |
| 🔥 Hook-fetch 超优雅请求库 | 👉 源码学习 |
作者：KeyNG_Jykxg
来源：juejin.cn/post/7527034544663461898
来源：juejin.cn/post/7527034544663461898
