element-plus color-pick扩展记录

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

执行

复制代码
pnpm patch element-plus

生成以下目录

找到node_modules.pnpm_patches\[email protected]\es\components\color-picker

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

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

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

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

最终效果

相关推荐
卡戎-caryon21 分钟前
【项目实践】boost 搜索引擎
linux·前端·网络·搜索引擎·boost·jieba·cpp-http
别催小唐敲代码2 小时前
解决跨域的4种方法
java·服务器·前端·json
溪饱鱼2 小时前
Nuxt3还能用吗?
前端·个人开发·seo
丨丨三戒丶3 小时前
layui轮播图根据设备宽度图片等比例,高度自适应
前端·javascript·layui
进取星辰3 小时前
20、数据可视化:魔镜报表——React 19 图表集成
前端·react.js·信息可视化
寧笙(Lycode)3 小时前
React实现B站评论Demo
前端·react.js·前端框架
24白菜头3 小时前
CSS学习笔记
前端·javascript·css·笔记·学习
程序员小刚4 小时前
基于SpringBoot + Vue 的火车票订票系统
vue.js·spring boot·后端
蠢货爱好者4 小时前
Linux中web服务器的部署及优化
linux·服务器·前端
NightReader5 小时前
Google-chrome版本升级后sogou输入法不工作了
前端·chrome