prabhuignoto / vue-dock-menu Goto Github PK
View Code? Open in Web Editor NEW⚓Dockable Menu bar for Vue
Home Page: https://vue-dock-menu.vercel.app/
License: MIT License
⚓Dockable Menu bar for Vue
Home Page: https://vue-dock-menu.vercel.app/
License: MIT License
Hello! It will be a good idea if you will add "id" param for selected menu item. For example:
{
name: "File",
menu: [
{
name: "Close",
id: "menu_close"
}
],
}
That feature can help to uniqualize menu items. Any menu actions will depend on its selected menu item id, not on its path or name. This will be very useful when developer will edit text of menu item or change language:
MenuSelect(e) {
switch(e.id) {
case "menu_close":
app.quit();
break;
}
}
You are planning to have icons in menu. I assume this would a property on each item to define an icon or not.
Can we have other custom properties on menu like hidden or a function to define its visibility url to be used when item is passed on selected function with those properties.
This functionality might already be there and if it is it would be good to have an example of some common scenarios like:
Attach a url to menu item and set it to open in new tab or window
Hide certain menu items or disable them from being selected.
Thanks a lot for such a nice component.
Tried a simple example as as described in README section "Populating Menu".
Got above warning.
To Reproduce
Steps to reproduce the behavior:
Expected behavior
A clickable item without sub-menus.
Additional context
Everything works fine with the addition of an array menu prop.
items: [ { name: "Login", menu: [{name: "login"}], }, ]
A warning is also produced with the README documentation example:
{ name: "Edit", menu: { name: "edit-items", disable: true }, },
Thanks!
Describe the bug
The "on-selected" props never get out the active on root menu but just the div below.
To Reproduce
Steps to reproduce the behavior:
I bind the methods on the "on-select" and also the menu items:
<dock-menu :items="items" :on-selected="selected"></dock-menu>
In my method I just route to another place
methods: {
selected(item) {
router.push(item.name);
},
},
The menu close but but root "Menu" stay active. I need to click twice to re-open the "Menu" path (image below)
Expected behavior
After the "on-selected" is call the root menu can be accessible in one click
Desktop (please complete the following information):
edit: Version of "vue-dock-menu": "^1.0.3"
Hi there
Is it possible to have your wonderful library working via CDN that I can use via the script tag?
I am currently using Vue2 but I guess if possible it can work with vue-demi.
Thank you.
Hello,
We've tried to activate or update your repository on Depfu and couldn't find any supported dependency files. If we were to guess, we would say that this is not actually a project Depfu supports and has probably been activated by error.
Please note that Depfu currently only searches for your dependency files in the root folder. We do support monorepos and non-root files, but don't auto-detect them. If that's the case with this repo, please send us a quick email with the folder you want Depfu to work on and we'll set it up right away!
Please note that using the "All Repositories" setting doesn't make a lot of sense with Depfu.
Please let us know by sending an email to [email protected].
This is an automated issue by Depfu. You're getting it because someone configured Depfu to automatically update dependencies on this project.
I couldn't find a possibility to disable all option of the menu at once. It is necessary sometimes... I can disable all menus one by one, but I need to store also their content to enable them back as they were. This is a lot of additional code. So a possibility to disable all menus at one and enable them as they were would be nice to have.
Is it possible to use the vue-i18n component with vue-dock component?
Thank you in advance!
Hello! It will be a good idea if you will add "id" param for selected menu item. For example:
{
name: "File",
menu: [
{
name: "Close",
id: "menu_close"
}
],
}
That feature can help to uniqualize menu items. Any menu actions will depend on its selected menu item id, not on its path or name. This will be very useful when developer will edit text of menu item or change language:
MenuSelect(e) {
switch(e.id) {
case "menu_close":
app.quit();
break;
}
}
vue-dock-menu/src/components/MenuBar.vue
Line 152 in 9569381
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.