Skip to content

Releases: xiaokaike/vue-color

2.8.1

24 Dec 11:10
Compare
Choose a tag to compare

Bug Fix

  • fix in some edge cases cannot read property 'clientWidth' of undefined, close #220

2.8.0

14 Dec 11:11
Compare
Choose a tag to compare

Dependencies Update

Features

Add new Twitter color picker

<twitter-picker v-model="colors"></twitter-picker>

image

see #195 for more
Thanks to @proYang

Slider supports saturation channel

The swatches in Slider color picker now supports saturation channel, which was fixed at 0.5

const swatches = [
   { s: 0.5, l: 0.8 },
   { s: 0.5, l: 0.65 },
   { s: 0.5, l: 0.5 },
   { s: 0.5, l: 0.35 },
   { s: 0.5, l: 0.2 }
];
// or
const swatches = ['.80', '.65', '.50', '.35', '.20']; // saturation is fixed at 0.5

<slider-picker v-model="colors" 👍 swatches="swatches" />

see #214 for more
Thanks to @AlexeyMinin

2.7.1

05 Mar 05:51
Compare
Choose a tag to compare

Bug Fix

  • Fix color not automatically selected when using RGBA, closes #177
  • Disable webpack global polyfill, #164
  • Enforce border-radius for active swatch pickers, #174
  • Fix Compact sizing issue, #179, closes #178

Dependencies Update

2.7.0

10 Oct 14:29
Compare
Choose a tag to compare

Improvements:

  • Use clamp function to calculate left, top and bright values. (#156)
  • Improve Accessibility:
    • add aria-labelledby to all input elements (closes #160 )
    • fix wrong aria rules
    • pass the the accessibility audits in Chrome DevTools
  • Allow to customize labels in favor of i18n (closes #160 )
<!-- now `EditableInput` can accept `label-text` for customizing label text. -->
<EditableInput label-text="Textes shows in input label" label="hex" v-model="color.hex" @change="onChange" />

2.6.0

15 Aug 14:00
Compare
Choose a tag to compare

Features

  • Slider.vue supports black and white. (close #118 #134 )
<Slider v-model="colors" :swatches="['1', '.80', '.65', '.50', '.35', '.20', '0']"></Slider>
  • Chrome.vue and Sketch.vue support 8-Digit Hex Codes. (close #141 )

2.5.0

12 Aug 14:04
Compare
Choose a tag to compare

Improvements

  • Web accessibility friendly. (#129)

Feature

  • Photoshop.vue has new properties(#135) :
    • acceptLabel : Allows to customize the text on the validation button (defaulted to OK)
    • cancelLabel : Allows to customize the text on the cancel button (defaulted to Cancel)
    • hasResetButton : If true, would display a reset button below the input fields (defaulted to false)
    • resetLabel : Allows to customize the text on the reset button (defaulted to Reset)
  • Sketch.vue : add a transparent checkboard. (#148)
  • Compact.vue and Grayscale.vue: support for color chosen with lowercased palette. (#151)

2.4.6

02 Apr 11:13
Compare
Choose a tag to compare

Improvements

  • Add aria-label to inputs. (#125)
  • Add .babelrc to .npmignore. (#124 )

2.4.5

28 Feb 03:29
Compare
Choose a tag to compare

feature

2.4.4

06 Feb 09:55
Compare
Choose a tag to compare

Improment

  • Update document. ( #102 #29 )
  • Use babel-preset-env internally. (#67)
  • Support drag and touch in saturation area ( #81 ) , closes #33

Bug Fix

  • fix RGB fields show wrong values on small numbers, closes #109

2.4.3

17 Nov 02:27
Compare
Choose a tag to compare

Improment

  • Chrome.vue / PhotoShop.vue / Sketch.vue
    • add disableFields prop to hide numeric fields, closes #94