Bug Fix

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

Dependencies Update

• https://github.com/xiaokaike/vue-color/pull/209
• https://github.com/xiaokaike/vue-color/pull/210
• https://github.com/xiaokaike/vue-color/pull/213

Features

Add new Twitter color picker

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

see https://github.com/xiaokaike/vue-color/pull/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 https://github.com/xiaokaike/vue-color/pull/214 for more Thanks to @AlexeyMinin

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

• merged #188
• merged #189
• merged #190
• merged #192
• merged #193
• merged #198

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" />

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 )

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)

Improvements

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

feature

• add a new component Grayscale, thanks @arkadylukashov. (#114 )

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

Improment

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