vue-star-rating
Version:
A simple, highly customisable star rating component for Vue 2.x.
86 lines (66 loc) • 2.88 kB
Markdown
# Change Log
- Changes before version 1.2.1 not documented (see commit history)
- Project follows [Semantic Versioning](http://semver.org/)
## Version 1.7.0 (Development)
- New `animate` prop added which slightly rotates and expands the star on mouseover
- New `active-on-click` prop applies active colors on click rather than on hover when set
- New `active-border-color` prop, which allows border colour to be changed when star is active (issue #34)
- `active-color` and `active-border-color` now optionally accept an array of color values, which can be used as break points
- :glow no longer requires glow-color to be set (thanks to @bifot)
- Screen readers are now supported. You can change the default message ("Rated {{rating}} out of {{maxRating}} stars") by using the `screen-reader` scoped slot:
````javascript
<star-rating>
<template v-slot:screen-reader="slotProps">
This product has been rated {{slotProps.rating}} out of {{slotProps.stars}} stars
</template>
</star-rating>
````
- Better support for touch screen devices
- Refactor parseAlphaColor method into own class
- Refactor star.vue
## Version 1.6.3
- Update tests to jest and use vue test utils
- Fix issue where glow is always on (fixes #56 #50)
- Update webpack
- Update lint to eslint-plugin-vue
## Version 1.6.2
- Update Readme
## Version 1.6.1
- Fixes issue where round-start-rating isn't respected when initial value is set via an async call
## Version 1.6.0
- Add rounded corners (thanks to @SparoHawk)
- Add custom star shapes (thanks to @SparoHawk)
- Add glow prop, for a subtle glow when star selected
- Add glow-color prop
- Add viewbox attribute
- Space by adding right margin to star div in star-rating.vue, rather than on SVG
## Version 1.5.1
- Fixed Screenshot im Readme.md
## Version 1.5.0
- Added `round-start-value` prop
- Fixed dead column of pixels allowing rating to be reset to 0
- Added new tests
- Updated Readme
## Version 1.4.0
- RTL Support Added via `rtl` prop (closes issue #11).
- `fixed-points` prop added.
- css class names changed to avoid name clashes causing unexpected formatting issues (solves issue #12).
- Webpack added for build, development and tests.
- Webpack configs added for dev & dist whcih now exports a single UMD module.
- ESLint, eslint-config-vue and eslint-plugin-vue added.
- Scripts added to package.json for linting (global & local eslint & plugins required to run this).
- Browserify & gulp removed.
- Browserify transforms removed from package json as they are no longer required with UMD module.
- Further tests added for new features.
- Added rtl example.
- Created new commonjs example.
- Readme updated.
## Version 1.3.0
- Added v-model support
- Added new v-model example
- Updated Readme
## Version 1.2.2
- Added Watchify for development
- ChangeLog
- Updated Readme
- Added new `watch` task to gulpfile.babel.js