vue-js-modal changelog

Yev Vlasenko
Aug 9, 2017 · 2 min read

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

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.

Yev Vlasenko

Written by

Software Engineer

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade