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

最终效果

相关推荐
—Qeyser31 分钟前
用 Deepseek 写的uniapp血型遗传查询工具
前端·javascript·ai·chatgpt·uni-app·deepseek
web_Hsir32 分钟前
Uniapp Vue 实现当前日期到给定日期的倒计时组件开发
vue.js
codingandsleeping32 分钟前
HTTP1.0、1.1、2.0 的区别
前端·网络协议·http
小满blue34 分钟前
uniapp实现目录树效果,异步加载数据
前端·uni-app
天天扭码2 小时前
零基础 | 入门前端必备技巧——使用 DOM 操作插入 HTML 元素
前端·javascript·dom
咖啡虫3 小时前
css中的3d使用:深入理解 CSS Perspective 与 Transform-Style
前端·css·3d
拉不动的猪3 小时前
设计模式之------策略模式
前端·javascript·面试
旭久3 小时前
react+Tesseract.js实现前端拍照获取/选择文件等文字识别OCR
前端·javascript·react.js
独行soc3 小时前
2025年常见渗透测试面试题-红队面试宝典下(题目+回答)
linux·运维·服务器·前端·面试·职场和发展·csrf
uhakadotcom3 小时前
Google Earth Engine 机器学习入门:基础知识与实用示例详解
前端·javascript·面试