uyoufu/uzoncalc/context-menu

Claude Code and agent skill by uyoufu/uzoncalc

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

right-click context menu for table rows

Install

npx vskill@latest install uyoufu/uzoncalc/context-menu

SKILL.md

Context Menu Skill

该技能为表格行提供右键菜单功能，允许用户在表格行上点击右键以访问特定于该行的操作选项。

实现步骤

  1. 从 import ContextMenu from 'src/components/contextMenu/ContextMenu.vue' 导入 ContextMenu 组件。
  2. 在 q-table 的 body-cell 插槽中，添加 ContextMenu 组件：
vue
<template v-slot:body-cell-index="props">
  <QTableIndex :props="props" />
  <ContextMenu :items="itemContextMenuItems" :value="props.row"></ContextMenu>
</template>
  1. 定义 itemContextMenuItems，这是一个包含菜单项的数组，其值应为 ComputedRef<IContextMenuItem[]>：
ts
const itemContextMenuItems: ComputedRef<IContextMenuItem[]> = computed(() => [
  {
    name: 'modify',
    label: tGlobal('modify'),
    tooltip: t('categoryList.modifyCategory'),
    onClick: onModifyCategory
  }
])

约定

  1. 右键菜单应保存到单独的文件中，例如 useContextMenu.ts，以便在多个组件中重用。

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
2
7-day trend score
10

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/uyoufu/uzoncalc/context-menu/badge)](https://verified-skill.com/skills/uyoufu/uzoncalc/context-menu)

Something wrong with this skill or its page? Tell us.