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文件。

最终效果

相关推荐
小雨下雨的雨几秒前
蜡笔小画家鸿蒙PC用Electron框架 - 儿童学画蜡笔画技术实现详解
前端·javascript·华为·electron·前端框架·交互·鸿蒙系统
天蓝色的鱼鱼几秒前
别只拿 Playwright 写测试,这三个野路子用法才是真香
前端
SoaringHeart3 分钟前
Flutter进阶|源码修改:DecorationImage 添加网络图片占位图
前端·flutter
小新1108 分钟前
vue 实战项目 天气查询
前端·javascript·vue.js
7yue9 分钟前
用 TypScript 学习 Claude Code
前端·typescript·claude
Rain50910 分钟前
实战:搭建 AI Code Review 自动化流水线
前端·人工智能·git·ci/cd·自动化·ai编程·代码复审
Nian_Baikal10 分钟前
从零搭建离线地图服务:Nginx + Cesium/Leaflet 实战指南
前端
问心无愧051310 分钟前
ctf show web入门99
android·前端·笔记
用户6000718191012 分钟前
【翻译】CSS 与 JavaScript:动画性能该怎么选
前端