element-plus color-pick扩展记录

目标需求需要再color-pick中添加一个常用颜色列表,以及滴管吸取。由于组件内部没有提供slot,项目需要二开的要求不多,我们可以借助patch,本文记录以pnpm的patch为主。

执行

复制代码
pnpm patch element-plus

生成以下目录

找到node_modules.pnpm_patches\element-plus@2.8.4\es\components\color-picker

项目使用的是vite我们只需要改es的文件即可

在dropdown的children中添加一个默认的slot,也可以自定义名称,

less 复制代码
renderSlot(_ctx.$slots, "default", {color: unref(color)})

pnpm patch-commit 提交保存 生成patch文件。

最终效果

相关推荐
Cicada1286 小时前
Web 服务器怎么选
运维·服务器·前端
不可能片场6 小时前
接口返回 200 不代表活着:catch-all 路由的陷阱
前端·electron
farerboy6 小时前
编程技巧:VUE 实现接口返回数据的流式处理
javascript·vue.js
天道kabuto6 小时前
前端每日知识点:React 与 Vue Diff 算法对比 · 完整总结
vue.js·react.js·前端框架
用户921080262866 小时前
Cookie 和 Token,到底谁在负责登录态
前端
阳火锅6 小时前
2025,记住这一年!它是古法编程的最后一年。
前端·javascript·面试
sibylyue6 小时前
【报表和BI大屏】ECharts数据可视化大屏 / 驾驶舱
前端·信息可视化·echarts
用户921080262867 小时前
为什么 Header 是 HTTP 的灵魂
前端
特立独行的猫A7 小时前
AtomMQTT Broker — 用 Rust 实现的轻量级高性能 MQTT 消息代理
前端·后端·架构
IMPYLH7 小时前
HTML 的 <s> 元素
前端·html