vue2-timepicker - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

CHANGELOG.md

		@@ -5,2 +5,13 @@ # CHANGELOG

		## v 1.1.6

		### New

		- Support appending the dropdown menu to the document body with `append-to-body`

		### Improvements

		- In Manual Input mode, support jumping to the next token slot with a colon (`:`) or space (` `) key.
		- Return full data on `blur` and `close` events as per the `change` event.

		## v 1.1.5
		@@ -7,0 +18,0 @@

package.json

		{
		"name": "vue2-timepicker",
		"version": "1.1.5",
		"version": "1.1.6",
		"description": "A dropdown time picker (hour\|minute\|second) for Vue 2.x, with flexible time format support",
		@@ -5,0 +5,0 @@ "author": "Phoenix Wong <phoenixyfwong@gmail.com>",

README.md

		@@ -596,3 +596,2 @@ # Vue2 Timepicker


		### Lazy Event Mode
		@@ -608,5 +607,40 @@
		- The user clicked the ("×") clear button
		- The user inputted a new value or clear the existing value in the Manual Input mode

		In other words, on `lazy` mode, Timepicker won't emit `input` and `change` events on mounted, nor after the value got modified programmatically.


		### Append To Body

		Append the dropdown menu to the end of the document `<body>`. Try this if you have `z-index` or `overflow` layout issue with the dropdown.

		```html
		<vue-timepicker append-to-body></vue-timepicker>
		```

		The body-appended dropdown's CSS class is `vue__time-picker-dropdown`. Its default `z-index` is `100`. You can change the value by adding the following style in your app --

		```css
		/* E.g. set the z-index to 5000 */
		.vue__time-picker-dropdown {
		z-index: 5000;
		}
		```

		NOTE: If you have to override some of the CSS styles within the dropdown, you will need to update their selectors' class names as well. Simply change any `.vue__time-picker .dropdown` selector to `.vue__time-picker-dropdown`.

		For example, when you have a customized background color set for selected values:

		```css
		/* Default override (not using "append-to-body") */
		.vue__time-picker .dropdown ul li:not([disabled]).active {
		background: steelblue;
		}

		/* When using "append-to-body" */
		.vue__time-picker-dropdown ul li:not([disabled]).active {
		background: steelblue;
		}
		```

		### Enable Debug Mode
		@@ -676,2 +710,3 @@
		lazy \| _Boolean_ \| no \| false
		append-to-body \| _Boolean_ \| no \| false
		debug-mode \| _Boolean_ \| no \| false
		@@ -678,0 +713,0 @@

dist/VueTimepicker.common.js

Sorry, the diff of this file is too big to display

dist/VueTimepicker.common.js.map