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

最终效果

相关推荐
还是大剑师兰特1 天前
TypeScript 面试题及详细答案 100题 (91-100)-- 工程实践与框架集成
前端·javascript·typescript·1024程序员节
用户47949283569151 天前
typeof null === 'object':JavaScript 最古老的 bug 为何 30 年无法修复?
前端·javascript·面试
__WanG1 天前
如何编写标准StatefulWidget页面
前端·flutter
非凡ghost1 天前
By Click Downloader(下载各种在线视频) 多语便携版
前端·javascript·后端
非凡ghost1 天前
VisualBoyAdvance-M(GBA模拟器) 中文绿色版
前端·javascript·后端
非凡ghost1 天前
K-Lite Mega/FULL Codec Pack(视频解码器)
前端·javascript·后端
麦麦大数据1 天前
F034 vue+neo4j 体育知识图谱系统|体育文献知识图谱vue+flask知识图谱管理+d3.js可视化
javascript·vue.js·知识图谱·neo4j·文献·体育·知识图谱管理
LinXunFeng1 天前
Flutter 多仓库本地 Monorepo 方案与体验优化
前端·flutter·架构
非凡ghost1 天前
ProcessKO(查杀隐藏危险进程)多语便携版
前端·javascript·后端
yinuo1 天前
你的网页还不会"看人"?3分钟让它拥有会追踪的眼睛
前端