{"_id":"@ayaka209/vue3-menu","_rev":"2-8591f21f2999e118622ec87acd86a111","name":"@ayaka209/vue3-menu","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@ayaka209/vue3-menu","version":"0.0.1","type":"module","scripts":{"dev":"vite","build":"run-p type-check \"build-only {@}\" --","preview":"vite preview","build-only":"vite build","type-check":"vue-tsc --build --force","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"main":"./dist/vue3Menu.umd.cjs","module":"./dist/vue3Menu.js","exports":{".":{"import":"./dist/vue3Menu.js","require":"./dist/vue3Menu.umd.cjs"}},"dependencies":{"@hscmap/keybind":"^0.2.0","mitt":"^3.0.1","vue":"^3.4.15","vue-facing-decorator":"^3.0.4"},"devDependencies":{"@babel/core":"^7.23.9","@babel/plugin-proposal-decorators":"^7.23.9","@babel/plugin-transform-class-properties":"^7.23.3","@babel/plugin-transform-runtime":"^7.23.9","@babel/preset-env":"^7.23.9","@babel/runtime":"^7.23.9","@rushstack/eslint-patch":"^1.3.3","@tsconfig/node20":"^20.1.2","@types/node":"^20.11.10","@vitejs/plugin-vue":"^5.0.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/tsconfig":"^0.5.1","eslint":"^8.49.0","eslint-plugin-vue":"^9.17.0","npm-run-all2":"^6.1.1","prettier":"^3.0.3","sass":"^1.70.0","typescript":"~5.3.0","vite":"^5.0.11","vue-tsc":"^1.8.27"},"gitHead":"292432e605b9fe3ae738b4cc4334ffe898c2547c","description":"This project is forked from [vue-window](https://github.com/michitaro/vue-window) The modifications made to this project compared to the original one mainly focus on compatibility with Vue 3.","_id":"@ayaka209/vue3-menu@0.0.1","_nodeVersion":"16.14.2","_npmVersion":"8.18.0","dist":{"integrity":"sha512-EL76MNrjKt6MLz3T6cnleree6va1ba+3Ga9EizYuG9+qjC29AqSzL8YQyFsixpq2nj7MsrUKl5OnTl/mHy6TTA==","shasum":"2a2b28c1ee18acb826a78d2b87049f12242bb976","tarball":"https://registry.npmjs.org/@ayaka209/vue3-menu/-/vue3-menu-0.0.1.tgz","fileCount":17,"unpackedSize":88430,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD3MZgfY6emqaacB/7PqaQVbnZIAr6yhZv/miIFLxNgYgIhAJIplJ/6wZillN64CdXAG+J3BmFHduEehcewy6s7Oq0X"}]},"_npmUser":{"name":"weloveayaka","email":"weloveayaka@gmail.com"},"directories":{},"maintainers":[{"name":"weloveayaka","email":"weloveayaka@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-menu_0.0.1_1707326879205_0.20692578680573148"},"_hasShrinkwrap":false},"0.0.2":{"name":"@ayaka209/vue3-menu","version":"0.0.2","type":"module","scripts":{"dev":"vite","build":"run-p type-check \"build-only {@}\" --","preview":"vite preview","build-only":"vite build","type-check":"vue-tsc --build --force","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","publish":"npm run build-only && npm publish --access public"},"main":"./dist/vue3Menu.umd.cjs","module":"./dist/vue3Menu.js","exports":{".":{"import":"./dist/vue3Menu.js","require":"./dist/vue3Menu.umd.cjs"}},"dependencies":{"@hscmap/keybind":"^0.2.0","mitt":"^3.0.1","vue":"^3.4.15","vue-facing-decorator":"^3.0.4"},"devDependencies":{"@babel/core":"^7.23.9","@babel/plugin-proposal-decorators":"^7.23.9","@babel/plugin-transform-class-properties":"^7.23.3","@babel/plugin-transform-runtime":"^7.23.9","@babel/preset-env":"^7.23.9","@babel/runtime":"^7.23.9","@rushstack/eslint-patch":"^1.3.3","@tsconfig/node20":"^20.1.2","@types/node":"^20.11.10","@vitejs/plugin-vue":"^5.0.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/tsconfig":"^0.5.1","eslint":"^8.49.0","eslint-plugin-vue":"^9.17.0","npm-run-all2":"^6.1.1","prettier":"^3.0.3","sass":"^1.70.0","typescript":"~5.3.0","vite":"^5.0.11","vue-tsc":"^1.8.27"},"gitHead":"292432e605b9fe3ae738b4cc4334ffe898c2547c","description":"This project is forked from [vue-window](https://github.com/michitaro/vue-window) The modifications made to this project compared to the original one mainly focus on compatibility with Vue 3.","_id":"@ayaka209/vue3-menu@0.0.2","_nodeVersion":"16.14.2","_npmVersion":"8.18.0","dist":{"integrity":"sha512-Fm7YVMFPuESXSCDWE5er3d0mjkFMOu2Htg3AEZ8LSl968XnVa7bepMYEBrGnY3TLey8P1K+w22pN3yvJ9lmINw==","shasum":"21bc547d01d0e9b8b79da4af76d41c2a7ac64b9f","tarball":"https://registry.npmjs.org/@ayaka209/vue3-menu/-/vue3-menu-0.0.2.tgz","fileCount":17,"unpackedSize":88498,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEDGSRgTV3hQoA6mvfdknEMigYx31EBvPMGU7PhYCJMeAiAe0HSFp9uNbrRnNMrNOLselvZi3XvPA6LweFW6t69h1w=="}]},"_npmUser":{"name":"weloveayaka","email":"weloveayaka@gmail.com"},"directories":{},"maintainers":[{"name":"weloveayaka","email":"weloveayaka@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-menu_0.0.2_1707820281925_0.3900788246059834"},"_hasShrinkwrap":false},"0.0.3":{"name":"@ayaka209/vue3-menu","version":"0.0.3","type":"module","scripts":{"dev":"vite","build":"run-p type-check \"build-only {@}\" --","preview":"vite preview","build-only":"vite build","type-check":"vue-tsc --build --force","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/","publish":"npm run build-only && npm publish --access public"},"main":"./dist/vue3Menu.umd.cjs","module":"./dist/vue3Menu.js","exports":{".":{"import":"./dist/vue3Menu.js","require":"./dist/vue3Menu.umd.cjs"}},"dependencies":{"@hscmap/keybind":"^0.2.0","mitt":"^3.0.1","vue":"^3.4.15","vue-facing-decorator":"^3.0.4"},"devDependencies":{"@babel/core":"^7.23.9","@babel/plugin-proposal-decorators":"^7.23.9","@babel/plugin-transform-class-properties":"^7.23.3","@babel/plugin-transform-runtime":"^7.23.9","@babel/preset-env":"^7.23.9","@babel/runtime":"^7.23.9","@rushstack/eslint-patch":"^1.3.3","@tsconfig/node20":"^20.1.2","@types/node":"^20.11.10","@vitejs/plugin-vue":"^5.0.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^12.0.0","@vue/tsconfig":"^0.5.1","eslint":"^8.49.0","eslint-plugin-vue":"^9.17.0","npm-run-all2":"^6.1.1","prettier":"^3.0.3","sass":"^1.70.0","typescript":"~5.3.0","vite":"^5.0.11","vue-tsc":"^1.8.27"},"gitHead":"9401a4e8caadc0e6e8a274d71921fdd13a0db559","description":"This project is forked from [vue-window](https://github.com/michitaro/vue-window) The modifications made to this project compared to the original one mainly focus on compatibility with Vue 3.","_id":"@ayaka209/vue3-menu@0.0.3","_nodeVersion":"16.14.2","_npmVersion":"8.18.0","dist":{"integrity":"sha512-sV73jzi1C+7sLt4Evycct1ZYt+HULj5JcJydtqTniPbHx01oXZkuxWl3XdtyTZlr12Eovu5XxY8mQ1b9xmMQqg==","shasum":"d75486a8fc76a6adb24ed8a13a9b8d817f779e94","tarball":"https://registry.npmjs.org/@ayaka209/vue3-menu/-/vue3-menu-0.0.3.tgz","fileCount":17,"unpackedSize":88498,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDJzRIQuOQt8pMZLgpuQGeAa64dvpC2sGjonk3ap9uhAQIhAK3JF0qvTd+g7taFw6IxTlbt7YZhCOWcLdWt2FLwa63z"}]},"_npmUser":{"name":"weloveayaka","email":"weloveayaka@gmail.com"},"directories":{},"maintainers":[{"name":"weloveayaka","email":"weloveayaka@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-menu_0.0.3_1707820719537_0.5559673306592228"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-07T17:27:59.153Z","0.0.1":"2024-02-07T17:27:59.391Z","modified":"2024-02-13T10:38:39.887Z","0.0.2":"2024-02-13T10:31:22.086Z","0.0.3":"2024-02-13T10:38:39.723Z"},"maintainers":[{"name":"weloveayaka","email":"weloveayaka@gmail.com"}],"description":"This project is forked from [vue-window](https://github.com/michitaro/vue-window) The modifications made to this project compared to the original one mainly focus on compatibility with Vue 3.","readme":"# vue-menu\n\nThis project is forked from [vue-window](https://github.com/michitaro/vue-window)\nThe modifications made to this project compared to the original one mainly focus on compatibility with Vue 3.\n\n\nHere is the README of the original project:\n\n## Introduction\n\nRecent web technologies focus on mobile environments. UIs premised on mouse operation such as window, context-menu, nested-menu and so on are no longer mainstream. However hierarchical structure -- context-menu and nested-menu -- is still effective. This package is an implementation of {nested,context}-menu for PC environments as a Vue Component.\n\n### [Working Demo](https://michitaro.github.io/vue-menu)\n### Features\n* Menu component for vue2\n* Deeply nested menu supported\n* Props \"checked\" & \"disabled\"\n* Keybinds\n* Y-scrollable if necessary\n* Contextmenu\n* Builtin 3 themes (white, metal & black)\n* Customizable color\n* Menuitem can contain any HTML not only text\n* Tested on Safari10, Chrome60, Firefox55, IE11, Edge38 for PCs\n* ~~Does not work on mobile devices 😞~~\n\n![Screenshot](./docs/screenshot.png)\n\n# Usage\n## Install\n```sh\nnpm install --save @hscmap/vue-menu\n```\n\n## Setup\n\n### ES6 / TypeScript\n```typescript\nimport Vue from 'vue'\nimport * as VueMenu from '@hscmap/vue-menu'\n\nVue.use(VueMenu)\n```\n\n### CommonJS\n```javascript\nvar Vue = require('vue')\nVue.use(require('@hscmap/vue-menu'))\n```\n\n# Example\n```html\n<template>\n    <hsc-menu-style-white>\n        <hsc-menu-bar style=\"border-radius: 0 0 4pt 0;\">\n            <hsc-menu-bar-item label=\"File\">\n                <hsc-menu-item label=\"New\" @click=\"window.alert('New')\" />\n                <hsc-menu-item label=\"Open\" @click=\"window.alert('Open')\" />\n                <hsc-menu-separator/>\n                <hsc-menu-item label=\"Save\" @click=\"window.alert('Save')\" :disabled=\"true\" />\n                <hsc-menu-item label=\"Export to\">\n                    <hsc-menu-item label=\"PDF\" />\n                    <hsc-menu-item label=\"HTML\" />\n                </hsc-menu-item>\n            </hsc-menu-bar-item>\n            <hsc-menu-bar-item label=\"Edit\">\n                <hsc-menu-item label=\"Undo\" keybind=\"meta+z\" @click=\"window.alert('Undo')\" />\n                <hsc-menu-separator/>\n                <hsc-menu-item label=\"Cut\" keybind=\"meta+x\" @click=\"window.alert('Cut')\" />\n                <hsc-menu-item label=\"Copy\" keybind=\"meta+c\" @click=\"window.alert('Copy')\" />\n                <hsc-menu-item label=\"Paste\" keybind=\"meta+v\" @click=\"window.alert('Paste')\" :disabled=\"true\" />\n            </hsc-menu-bar-item>\n        </hsc-menu-bar>\n    </hsc-menu-style-white>\n</template>\n```\nOther examples are available [here](http://michitaro.github.io/vue-menu/).\n\nSee also [vue-window](https://github.com/michitaro/vue-window). This is a window UI component  for vue2 with the same color themes.\n\n# Caveats\n* ~~This component doesn't work on [electron-vue](https://github.com/SimulatedGREG/electron-vue).~~\n  * See [here](https://github.com/michitaro/vue-menu/issues/5#issuecomment-450770617) to use with [electron-vue](https://github.com/SimulatedGREG/electron-vue).\n\n# Contributing\nAny comments, suggestions or PRs are welcome 😀\n\n# React Port\nReact port is available [here](https://github.com/michitaro/react-menu).\n","readmeFilename":"README.md"}