vue-js-modal changelog

https://github.com/euvl/vue-js-modal

v1.3.13

• Dynamic modals support events handlers.

v1.3.12

• Improvements to dynamic modals, programmatic close event.
• ChangedDialog component name to VueJsDialog (#180).

v1.3.11

• Dynamic modals ✨by NoelDeMartin (#175)
• Bug fixes.

v1.3.7

• TypeScript type bindings.
• Fixed width of the modal when page has scrollbar.
• Added build target with extracted css.

v1.3.6

• Bug fixes.
• Added default param for dialog buttons (the button with default param will be trigged on Enter press).

v1.3.3

• Documentation tweaks.
• @opened event has correct $ref (#15 by DaxChen).
• height="auto" now repositions modal (by DaxChen).

v1.3.0

• Dialog now bubbles modal’s events.
• Removed opencollective postinstall script as it was breaking yarn add for some users.
• Fixed click event working funny on draggable modal.
• Inputs on draggable modal stop mousedown event propagation.
• Other bug fixes.

v1.2.12

• Fix for pivot-x not working when body size is smaller than window (fix by @arve0, #84).

v1.2.11

• Added an uglification step to eliminate dead code and remove vue-hot-reload-api reference from the built library (fix by @arve0).
• Added clickToClose and width props support for v-dialog component (#76)
• Minor fix for “scrollable” flag - now overflow:hidden will be applied to the body element (when modal is shown).
• Fixed `clickToClose` not working on mobile phones (#72)

v1.2.8

• Moved changelog to the this Medium post 😃
• Upgrade to nuxt 1.0-rc3 (#55)
• Added <v-dialog/> wrapper. It is a simplified version of the modal, it has most parameters set by default and is pretty useful for quick prototyping, showing alerts or creating mobile-like modals.

To start using Dialog you will have set a configuration:

Vue.use(VModal, { dialog: true })

And include it anywhere in your project tree:

<v-dialog/>

Now you can simply call it (all params except of “text” are optional):

this.$modal.show('dialog', {
  title: 'Alert!',
  text: 'You are too awesome',
  buttons: [
    { title: 'Deal with it', handler: () => { alert('Woot!') },
    { title: 'Close' }
 ]
})

For more examples please take a look at vue-js-modal.yev.io.

v1.2.7

• Now you can set custom component name for your modal. For example, if you are using some ui framework, the “modal” name might be already be taken.

Vue.use(VModal, { componentName: "foo-modal" })
...
<foo-modal name="bar"></foo-modal>

v1.2.6

• Added "auto" value support for height property.
• Added scrollable flag that allows modal content to be scrolled when height is "auto".
• Added CHANGELOG file.

v1.2.5

• height and width props can be set using percents.
• Better handling of min-width and min-height.