giime-components
Giime 组件库使用规范
Giime 是基于 Element Plus 扩展和增强的内部组件库,所有 el- 组件都有对应的 gm- 版本。未列出的 gm-* 组件与 el-* 行为一致,可直接替换使用。
使用原则
- 优先 Giime:
el-button→gm-button,el-table→gm-table,以此类推。Giime 在 Element Plus 基础上统一了默认行为(如自动 loading、默认 filterable),直接使用可以减少重复配置。 - 特殊需求:Giime 无法满足时可用 Element Plus 原生组件。
- 旧代码兼容:旧代码保持原样,新代码按本规范编写。
- 二次确认用
GmConfirmBox:删除等危险操作使用GmConfirmBox,它会自动处理确认按钮的 loading 和禁用状态,避免重复提交。 - 复制用
GmCopy:GmCopy自动处理剪切板 API 兼容性并提示成功/失败,无需手写 try-catch。 - 消息提示用
GmMessage:GmMessage默认合并相同消息(grouping: true),避免短时间内弹出大量重复提示,体验优于ElMessage。
核心增强特性(gm-* vs el-*)
以下组件相对于 Element Plus 有增强行为,使用时需了解差异:
More from giikin/skills
git-auto-commit-push
Git 自动暂存、提交并推送。当用户要求提交代码、推送代码、commit、push、提交并推送、自动提交、暂存提交推送、或任何涉及 git commit/push 操作时使用本技能。也适用于用户说"提交一下"、"推一下代码"、"帮我提交"、"push 上去"、"仅提交"、"只 commit"等口语化表述。
85apifox-mock
Apifox Mock 数据生成规范。当需要生成 mock 数据、Apifox Mock JSON、Apifox Mock 脚本、初始化 Mock 地址或接入 Apifox 本地代理时使用本技能。支持 Mock.js 语法 JSON 生成、高级 Mock 脚本(字段关联、条件逻辑、读取请求参数)、本地 mock 文件,以及开发环境 Mock 地址初始化。涵盖字段语义推断、类型追溯、枚举识别、代理配置约定等通用规则。
73frontend-mandatory-standards
【必读·强制】公司前端开发强制规范。编写或修改任何前端代码前必须先阅读本技能。涵盖 Composition API 强制规范、命名约定、接口调用规则、Pinia 状态管理、组件拆分等全部开发约束。
64zerone-cli
Zerone CLI 工具集使用规范。涵盖 API 接口代码生成(zerone api)、字体图标管理(zerone font_grabber)、前端项目脚手架(create-zerone)、工作日志生成(zerone log)四大功能。当涉及以下场景时使用本技能:生成 API 模块、生成接口代码、更新接口、pnpm api、新增后端接口模块、iconfont 字体图标、更新图标、pnpm font、icon 图标使用、创建前端项目、pnpm create zerone、脚手架初始化、工作日报、周报、月报、zerone log,甚至用户只是提到"接口"、"图标"、"新建项目"、"日报周报"等关键词时也应触发。
63git-create-mr
Git 创建 MR。当用户要求创建 MR、合并请求、merge request、合到某个环境/分支、或任何涉及 MR 创建操作时使用本技能。也适用于用户说"建个 MR"、"提个合并请求"、"合到 test"、"合到 develop"、"合到生产"、"合到测试环境"、"合到开发环境"、"合到预发环境"等口语化表述。
56