{"id":18387329,"url":"https://github.com/terryz/v-selectmenu","last_synced_at":"2025-05-16T02:08:22.404Z","repository":{"id":65353407,"uuid":"140222479","full_name":"TerryZ/v-selectmenu","owner":"TerryZ","description":"SelectMenu for Vuejs, A simple, easier and highly customized menu solution","archived":false,"fork":false,"pushed_at":"2025-03-09T06:41:25.000Z","size":810,"stargazers_count":191,"open_issues_count":12,"forks_count":24,"subscribers_count":5,"default_branch":"dev","last_synced_at":"2025-05-13T00:07:10.634Z","etag":null,"topics":["contextmenu","embed","i18n","javascript","menu","multiple-group","multiple-level","quick-search","vuejs"],"latest_commit_sha":null,"homepage":"https://terryz.github.io/docs-vue3/select-menu/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TerryZ.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG-CN.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-07-09T02:43:21.000Z","updated_at":"2025-04-25T22:18:47.000Z","dependencies_parsed_at":"2023-02-10T15:00:41.201Z","dependency_job_id":"ea4169b7-0e97-4978-9c63-e0538f6274f9","html_url":"https://github.com/TerryZ/v-selectmenu","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2Fv-selectmenu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2Fv-selectmenu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2Fv-selectmenu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2Fv-selectmenu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryZ","download_url":"https://codeload.github.com/TerryZ/v-selectmenu/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254453655,"owners_count":22073617,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["contextmenu","embed","i18n","javascript","menu","multiple-group","multiple-level","quick-search","vuejs"],"created_at":"2024-11-06T01:25:43.642Z","updated_at":"2025-05-16T02:08:22.383Z","avatar_url":"https://github.com/TerryZ.png","language":"JavaScript","readme":"# [v-selectmenu](https://terryz.github.io/docs-vue3/select-menu/) [![CircleCI](https://dl.circleci.com/status-badge/img/gh/TerryZ/v-selectmenu/tree/master.svg?style=svg)](https://dl.circleci.com/status-badge/redirect/gh/TerryZ/v-selectmenu/tree/master) [![codecov](https://codecov.io/gh/TerryZ/v-selectmenu/branch/master/graph/badge.svg?token=9L4eMOTMJL)](https://codecov.io/gh/TerryZ/v-selectmenu) [![npm version](https://img.shields.io/npm/v/v-selectmenu.svg)](https://www.npmjs.com/package/v-selectmenu) [![npm download](https://img.shields.io/npm/dy/v-selectmenu.svg)](https://www.npmjs.com/package/v-selectmenu) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\nSelectMenu for Vue3, A simple, easier and highly customized menu solution\n\n## Examples and Documentation\n\nDocumentation and examples please visit below sites\n\n- [github pages](https://terryz.github.io/docs-vue3/select-menu/)\n\nThe jQuery version: [SelectMenu](https://github.com/TerryZ/SelectMenu)\n\n## Features\n\n- Provide layout management\n- Provide input and button components\n- Provide a variety of custom slots\n- Support single-select or multi-select mode menu items\n- Support multiple groups\n- Support multiple levels\n- Each functional component can be flexibly combined and applied\n\n## Installation\n\n\u003ca href=\"https://nodei.co/npm/v-selectmenu/\"\u003e\u003cimg src=\"https://nodei.co/npm/v-selectmenu.png\"\u003e\u003c/a\u003e\n\n``` bash\n# npm\nnpm i v-selectmenu\n# yarn\nyarn add v-selectmenu\n# pnpm\npnpm add v-selectmenu\n```\n\n## Usage\n\n```vue\n\u003ctemplate\u003e\n  \u003cSelectMenuDropdown\u003e\n    \u003ctemplate #trigger\u003e\n      \u003cSelectMenuTrigger /\u003e\n    \u003c/template\u003e\n    \u003cSelectMenuBody @action=\"handleAction\"\u003e\n      \u003cSelectMenuHeader\u003eSelectMenu\u003c/SelectMenuHeader\u003e\n      \u003cSelectMenuItem action=\"item1\"\u003eMenu item 1\u003c/SelectMenuItem\u003e\n      \u003cSelectMenuItem action=\"item2\" disabled\u003eMenu item 2\u003c/SelectMenuItem\u003e\n      \u003cSelectMenuItem action=\"item3\"\u003eMenu item 3\u003c/SelectMenuItem\u003e\n    \u003c/SelectMenuBody\u003e\n  \u003c/SelectMenuDropdown\u003e\n\u003c/template\u003e\n\n\u003cscript setup\u003e\nimport {\n  SelectMenuDropdown,\n  SelectMenuTrigger,\n  SelectMenuBody,\n  SelectMenuHeader,\n  SelectMenuItem\n} from 'v-selectmenu'\n\nfunction handleAction (action) {\n  console.log(action)\n}\n\u003c/script\u003e\n```\n\n## Components\n\n- **SelectMenuDropdown** The dropdown container\n- **SelectMenuTrigger** Built-in dropdown trigger button\n- **SelectMenuBody** The menu root container\n- **SelectMenuSection** The menu section container\n- **SelectMenuBlock** The menu block container\n- **SelectMenuRow** Align content horizontally\n- **SelectMenuColumn** Align content vertically\n- **SelectMenuHeader** Menu main header item\n- **SelectMenuSubHeader** Menu sub header item\n- **SelectMenuDivider** Menu divider\n- **SelectMenuGroup** Menu group container\n- **SelectMenuGroupItem** Menu group item\n- **SelectMenuChildLevel** Child level menu container\n- **SelectMenuInput** Menu input component\n- **SelectMenuButton** Menu button component\n- **SelectMenuItem** Menu item\n- **SelectMenuCheckboxGroup** Menu checkbox group\n- **SelectMenuCheckboxItem** Menu checkbox item\n- **SelectMenuRadioGroup** Menu radio group\n- **SelectMenuRadioItem** Menu radio item\n\n## License\n\n[![license](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://mit-license.org/)\n\n## Dependencies\n\n- [v-dropdown](https://github.com/TerryZ/v-dropdown) - The dropdown container layer\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fv-selectmenu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fterryz%2Fv-selectmenu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fv-selectmenu/lists"}