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

最终效果

相关推荐
木头没有瓜38 分钟前
vscode离线安装插件
ide·vue.js·vscode
伍哥的传说1 小时前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
yugi9878381 小时前
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
前端
浪裡遊2 小时前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
旧曲重听12 小时前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿3 小时前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉3 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽3 小时前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课3 小时前
React useEffect 详解与运用
前端·react.js
我想说一句3 小时前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript