figma-restoration-tools/src/components/ContextMenu/metadata.json

Professional Figma Component Restoration Kit - MCP tools with snapDOM-powered high-quality screenshots, intelligent shadow detection, and smart debugging for Vue component restoration. Includes figma_compare and snapdom_screenshot tools.

{
  "name": "ContextMenu",
  "description": "右键菜单组件 - 文档管理相关操作，包含打开、分享、下载、复制、剪切、粘贴、重命名、标签、删除等功能",
  "type": "functional",
  "category": "navigation",
  "figmaSource": {
    "fileKey": "p8SnwxuE0a4p92MUxQL2bA",
    "nodeId": "2812:70161",
    "nodeName": "右键菜单-我的文档-单选文档",
    "designUrl": "https://www.figma.com/design/p8SnwxuE0a4p92MUxQL2bA/%F0%9F%96%A5%EF%B8%8F--PC-1%EF%BD%9C%E6%96%87%E6%A1%A3%E7%AE%A1%E7%90%86---%E9%98%85%E8%AF%BB%E4%BD%93%E9%AA%8C%E4%BC%98%E5%8C%96?node-id=2812-70161"
  },
  "dimensions": {
    "width": 156,
    "height": "auto",
    "minHeight": 300
  },
  "features": [
    "悬停效果",
    "禁用状态",
    "危险操作提示",
    "快捷键显示",
    "分组分割线"
  ],
  "props": {
    "visible": {
      "type": "boolean",
      "default": true,
      "description": "控制菜单显示/隐藏"
    },
    "x": {
      "type": "number", 
      "default": 0,
      "description": "菜单X坐标位置"
    },
    "y": {
      "type": "number",
      "default": 0,
      "description": "菜单Y坐标位置"
    }
  },
  "events": {
    "menuClick": {
      "payload": "string",
      "description": "菜单项点击事件，返回操作ID"
    },
    "close": {
      "payload": "void",
      "description": "菜单关闭事件"
    }
  },
  "assets": {
    "icons": [
      "erase-rectangle.svg",
      "share-ios.svg", 
      "download.svg",
      "copy.svg",
      "rename.svg",
      "tags.svg",
      "delete.svg"
    ]
  },
  "styles": {
    "colors": {
      "background": "#FFFFFF",
      "text": "#212121",
      "icon": "#5A5A5A",
      "danger": "#FE501E",
      "hover": "#F7F7F7",
      "divider": "#F1F1F1"
    },
    "typography": {
      "fontFamily": "PingFang SC",
      "fontSize": "14px",
      "fontWeight": 400,
      "lineHeight": 1.43
    },
    "effects": {
      "boxShadow": "0px 5px 30px 0px rgba(48, 61, 60, 0.15), 0px 2px 8px 0px rgba(48, 61, 60, 0.1)",
      "borderRadius": "4px"
    }
  },
  "usage": {
    "example": "<ContextMenu :visible=\"showMenu\" :x=\"mouseX\" :y=\"mouseY\" @menu-click=\"handleAction\" @close=\"showMenu = false\" />",
    "scenarios": [
      "文档管理右键菜单",
      "文件操作菜单",
      "上下文操作面板"
    ]
  },
  "version": "1.0.0",
  "lastModified": "2024-07-24T08:35:42Z",
  "restorationInfo": {
    "figmaAnalyzed": true,
    "assetsDownloaded": true,
    "componentsGenerated": true,
    "status": "ready-for-testing"
  }
}