prabhuignoto / vue-dock-menu Goto Github PK

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.

Monorepos

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!

How to deactivate the project

• Go to the Settings page of either your own account or the organization you've used
• Go to "Installed Integrations"
• Click the "Configure" button on the Depfu integration
• Remove this repo (prabhuignoto/vue-dock-menu) from the list of accessible repos.

Please note that using the "All Repositories" setting doesn't make a lot of sense with Depfu.

If you think that this is a mistake

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 just run "npm i" and "npm run dev", and it's output:
"[vite] Failed to resolve module import "vue/dist/vue.runtime.esm-bundler.jsode_modules
uedist
ue.runtime.esm-bundler.js". (imported by /src/App.vue)"

How can I fix it? thanks.

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;
	}
}

Describe the bug
This package lacks a d.ts file for typescript. Please add at least a basic file so it works in that environment.

Screenshots

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;
	}
}

Is it possible to use the vue-i18n component with vue-dock component?

Thank you in advance!

More than two items with menu will be error.
It will show two menus at the same time.

See as the following picture.

Did I miss some settings? Please tell me if I am wrong.
Thank you very much.

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.

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.

Describe the bug

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):

• OS: Windows
• Browser: Chrome
• Version 90.0.4430.93 (Build officiel) (64 bits)

edit: Version of "vue-dock-menu": "^1.0.3"

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:

1. Attach a url to menu item and set it to open in new tab or window

2. Hide certain menu items or disable them from being selected.

Thanks a lot for such a nice component.