vm
4.9/57

vue-multiselect

npm i vue-multiselect

57 Versions

3.0.0-alpha.2

next
2 years ago

3.0.0-alpha.1

2 years ago
New
  • Introduced support for Vue v3.x. Dropping support for Vue v2.x. The component itself becomes largely backward compatible as the implementation itself barely changed.

2.1.6

latest
4 years ago
Changes

Let npm build the package when installed from source / github master (#970) Add docs section on programmatic control (#947) Add the search prop to the "noResults" scoped slot. (#964) Disable autocomplete in Chrome (#922)

Fixes:

Selecting a group may cause selection of duplicate items (#945) (#969) Fix spelling mistake (#954) Uncaught error on backspace. (#939) (#937)


2.1.5

4 years ago

2.1.4

4 years ago
Changes:
  • Use keypress event instead of keydown #847 by @okoriko
  • Display selected zero value (#801) (#851) by @detinho
  • Remove useless console warn (#863) by @karakum
  • Fix mismatched z-index values in prod code. Fixes #850
  • Multiselect is crashing when using groups and $isDisabled #870 by @akki-jat
  • Fix mistake in docs #872 by @ilyario
  • Correct misspelling of "preferred" in component & mixin #904 by @ezracelli
  • Make documentation sidebar readable in smaller resolutions (#885) by @gabrielchiconi
  • remove duplicate css rules for disabled state (#913) by @Nfinished
  • Fix typo in slots documentation (#895) by @btoo
  • Change active input style from width auto to 100% to fix placeholder issue. (#935) by @NewkirkS
  • consider $isDisabled before removing selected (#929) by @tarun1793

2.1.3

4 years ago

#Fixes

f9010b91a6747b95b53eea7ae1265b710e10d8e6 Add TypeScript typings to files in package.json.


2.1.2

4 years ago
New

f5ad5af Added selection slot around multiselect tags 2a4da0c Add getLabel method to tag slot (#744) 3169143 Added type definition file (#747) 496937b Add slot that shows message about empty options (#699) 60e2884 Retain class 'multiselect__option--group' even groupSelect prop is set to false (#799) 8024d61 Fix #815: Tabbing in firefox when there is a horizontal scroll bar (#817)

Fixes

6483cfa make index of visibleValues the unique key 16cd900 Update bower.json (#774) 0874091 Fix placeholder markup (#700) b833c68 matches docs with source code. correct slot event name (#722) 65b9895 Fix #690, enter and leave field with tab (#697)

P.S. Please accept my apology for delaying the release for such a long time. 😞


2.1.1

4 years ago

2.1.0

5 years ago
Important
  • Finally got rid of deep cloning of the value prop into local state, that was later mutated. The internalValue is now completely derived from the value. This means that the Multiselect won’t update if you don’t use v-model or handle the @input event properly. It also solves problems with circular structures as well as dynamic i18n of options etc.
  • Groups (all values from a group) can be now selected by clicking on the label thanks to @kubacode! 🚀
  • Those release notes include everything that happened since the 2.0.3 release.
  • I’m terribly sorry for the time it took me to get back on the project...
  • Thanks everyone for the patience and your help with closing issues / submitting PRs!
  • The next release will probably be the long-awaited rewrite – v3.0.
Fixes
  • #659 Setting padding to 0 when option is selected to prevent a small text input from appearing below select (#659) (@cpepin)
  • c2fb318 Fix: #489 Manually implement #675 (@shentao)
  • 9223aa6 Fix #606, adjust colors and paddings. (@shentao)
  • #583 Increased font-size of input to sensible minimum. (#583) (@keeganstreet)
  • #625 Adjust pointer position when currently selected option is a label. This can happen when multiselect was opened as empty and group was added at runtime. (#625) (@Frizi)
  • f2a15c8 Solve issue with groupHighlight (@shentao)
  • #588 Fix for new tags changing to lowercase (#588) (@rickbolton)
  • b6993ce Fix styling
  • #534 Fix ios double click selection (#534) (@ptrhoffmann)
  • 42b18cf Fix #473
  • f985a43 Fix #483
  • b238735 Fix #484
  • #515 Set tabindex on input instead of container if searchable. Fixes #411 (#515) (@havgry)
New
  • 7e07c0e Implement #674 (@shentao)
  • 6715a18 No longer DeepClone value into internalValue (@shentao)
  • #645 Single select custom html label (#645) (@fanckush)
  • 13f7fb6 Improve the singleLabel slot feature (@shentao)
  • eca59ac Implement Group Select by clicking on the group label by (@kubacode) 🎉
  • #528 Add option to change the tag position (#528) (@rickbolton)
Maintenance & Docs
  • f3f76bd Update ISSUE_TEMPLATE.md (@shentao)
  • 1f6e2f2 Remove props docs from README to make it easier to maintain (@shentao)
  • 65a0cb8 Migrate tests to use Jest 🚀 (@shentao)
  • 8848669 Add Jest through vue-cli (@shentao)
  • #639 Fix example code for multiple select to match newest vue api (#639) (@M-Zuber)
  • #646 Update SelectedLabel to lowercase selectedLabel (#646) (@bm2ilabs)
  • #579 Docs typo fixes: seach vs. search (#579) (@jbruni)
  • #564 Spelling fix (#564) (@Brimstedt)
  • #613 doc: typo (#613) (@Yuliang-Lee)
  • #591 In the Props section of the documentation, the props are now written in camel case, the same as they are in component itself (#591) (@AndrewGardhouse)
  • 09ad71f Rework Docs
  • b3a5649 Fix #345, update docs, add promise polyfil

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago
Fixes
  • 41a8914 Fix #486 #488
  • bf4775f Fix #510, Adjust previously mergd fixes
  • #395 add mousedown event to multiselect-single (#395) (@mmsch)
  • #491 Fix bug about the display of dropdown list when click on scrollbar in IE11 (#491) (@tuanna45)
  • #427 Fix the predicted number of visible options (#427) (@pczarn)
  • #415 [Fix] Option label on non-empty options (#415) (@hiendv)
  • #430 Fix User Experience with tab navigation (#430) (@pczarn)
  • #479 Fix Closure Compiler Errors (#479) (@zeronone)
  • abb7c28 [Fix #454] Hide selected should work with internalSearch = false
  • 63e7d73 Remove empty space at content bottom (@leanniby)
  • ca9b78d Fix active bottom border. (@frandiox)
  • 3a6c6ef Fix group labels
  • 24cd226 Fix showNoResults.
  • 32c558b Fix #230
  • a711ff5 Add innertia to options, rename inputName to name, fix #357
  • b134709 Correct the way to check whether an variable is empty array (@riophae)
  • 41fc501 Fix #303, #71 potential fix for #363
  • 9be8e87 Fix #337
  • dcd8ba0 Fix #374
  • 0a49f90 Fix #382
  • db46a91 Fix #393, #379
  • 3ecdad5 Added fix for defect #313 to prevent clicks on scrollbar from clearing the input
  • cbde1b6 Fix external stylesheet reference (@mega667)
  • #346 Fix search prop being cleared on scrollbar click (@dmungin)
New
  • #419 Add RTL support (#419) (@PejmanNik)
  • c4591e7 Change and document caret slot (@pczarn)
  • a35d40d Add #176
  • fbb076b Add #401. Add toggle :show-no-results message
Maintenace & Docs
  • #511 mulitple -> multiple in docs (#511) (@callumacrae)
  • #509 Fix component declaration in Getting Started guide (#509) (@Herteby)
  • #452 Limit prop comments (@guibarscevicius)
  • 3e6b419 Added NPM badge (@304NotModified)
  • 1e6a337 [fix] Typo in the docs (@Zip753)
  • 59c2e81 Update comments on limit prop (@guibarscevicius)
  • 3b6e316 Fix typo in getting started example (@yeonhoyoon)
  • 89ad940 language fixes (@sandbox-services)
  • 80648da test for null (@sandbox-services)
  • #326 Fix style link mistake (@mega667)
  • e6fdd6e Fix typo (@dobromir-hristov)

2.0.2

5 years ago

2.0.1

5 years ago

2.0.0

5 years ago

1.1.5

1x
5 years ago

2.0.0-beta.15

6 years ago
Fixes
  • #290, #295, #264 Clearing the value should not throw any errors by @pczarn and me
At last!

2.0.0-beta.14

6 years ago
Important

Styles are now contained inside a separate css file. This should enable usage in SSR apps. It should also make it easier to customize the styles without having redundant CSS rules. However, you have to add the styles manually. Usually this can be done by adding:

<style src="vue-multiselect/dist/vue-multiselect.min.css"></style>

inside a root component or in the place where vue-multiselect is used or as a static asset along with your component-agnostic CSS code. When used without a bundler, you can add the file as a static asset with this CDN link:

<style src="https://unpkg.com/vue-multiselect@2.0.0-beta.14/dist/vue-multiselect.min.css"></style>
New
  • #136 Options list appear on top if there is no space below the component
  • Enable SSR support
Changes
  • #164 Refactor single vs multiple selects by @pczarn
  • #196 Added warning for conflicting configuration
  • #211 noResults slot won’t be displayed if loading is set to true
  • #234 Creating a tag when in single-select mode should close the dropdown by @innominata
  • Migrated to webpack 2
Fixes:
  • #188 Prevent enter submit the form by @slevy85
  • #197 New tagging entries are not transformed to lowercase
  • #204 Full options list should not flash when the component loses focus
  • #190 Closing the multiselect should not cause any isLabel related errors in any case
  • #195 Pointer should now correctly point to the first non-label option when using option groups
  • #188 Pressing enter key should not submit the form by @slevy85
  • #208 Placeholder should now behave correctly in every case
  • #187 Search query is no longer trimmed
  • #274 Custom search should not interfere with option groups by Eidan Spiegel

2.0.0-beta.13

6 years ago
Docs: Breaking:
  • Introduced scoped slots for custom option templates
  • Changed :local-search to :internal-search.
  • Rebuilt for Vue 2.1.7

2.0.0-beta.12

6 years ago

2.0.0-beta.11

6 years ago
New: Support for option groups #111

Example grouped options:

options: [
  {
    label: 'Group A',
    values: [1, 2, 3]
  },
  {
    label: 'Group B',
    values: [4, 5, 6]
  }
}

And here’s how to configure the dropdown. group-values should point to the property where the option list is located. group-label should point to the group label.

<multiselect :options="options" group-values="values" group-label="label">

Complete docs soon. :)

Fixed:

#150 #144 #147 #128 #109 #102


2.0.0-beta.10

6 years ago
Fixed
  • Fix #129

2.0.0-beta.9

6 years ago
New
  • Added options-limit prop (expecting a number) that limits the visible options to the first x matching results. By default, the options-limit is set to 1000. This should provide a simple way to improve performance by reducing the number of options rendered. (same as in 1.x)

2.0.0-beta.8

6 years ago
New:
  • Support for v-model based on Form-Input-Components-using-Custom-Events
  • CustomLabel function can be applied to both primitives and objects
  • LocalSearch prop, to enable local filtering. Disabling it might be useful if you have async search. Default is true.
Breaking changes:
  • Instead of Vue.partial for custom option templates you can use a custom render function.
  • The :key prop has changed to :track-by, due to conflicts with Vue 2.0.
  • @update has changed to @input to also work with v-model
  • :selected has changed to :value for the same reason

If your @update handler was only assigning the new value to the model, like for example:

onChange (newVal) {
  this.selected = newVal
}

you can safely change it to just v-model="selected".


2.0.0-beta.7

6 years ago

1.1.4

6 years ago
Fix
  • #117
New
  • #119 customLabel now works on primitive options
Technically it’s not a breaking change but...

If you start seeing [object Object] instead of labels read this: Previously (for objects list) if label prop was not present, the label calculating method was using option.label as a fallback for creating labels. This is no longer true. This behavior was not documented. If your options are objects, make sure you pass the correct label prop as stated in the docs!


2.0.0-beta.6

6 years ago

2.0.0-beta.4

6 years ago

1.1.3

6 years ago
New
  • #102 tab key now selects the hovered option and skips to the next focusable element.
  • #94 Added options-limit prop (expecting a number) that limits the visible options to the first x matching results. By default, the options-limit is set to 1000. This should provide a simple way to improve performance by reducing the number of options rendered.
Fixes
  • #93
  • #101
  • #100
  • #88

2.0.0-beta.3

6 years ago

2.0.0-beta.2

6 years ago

2.0.0-beta.1

6 years ago

1.1.2

6 years ago
New
  • #79 Introduced :local-search prop, that when set to false disables the local filtering based on search query. Useful for async searches, where you want to show all the returned options.
Fixes
  • Fixed regression coming from 1.1.0 (not showing highlight labels).

1.1.1

6 years ago
Fixed:

#78 Doesn’t include Vue in the bundle.


1.1.0

6 years ago
New: #77 Introduce support for custom option’s template.

Example from the README:

Using Vue’s partial API

multiselect(
  :options="styleList",
  :selected="selectedStyle",
  :option-height="130",
  :custom-label="styleLabel",
  @update="updateSelectedStyle",
  option-partial="customOptionPartial"
  placeholder="Fav No Man’s Sky path"
  label="title"
  key="title"
)
import customOptionPartial from './partials/customOptionPartial.html'
Vue.partial('customOptionPartial', customOptionPartial)

// ...Inside Vue component
methods: {
  styleLabel ({ title, desc }) {
    return `${title} – ${desc}`
  },
  updateSelectedStyle (style) {
    this.selectedStyle = style
  }
}
<div>
  <img class="option__image" :src="option.img" alt="No Man’s Sky" />
  <div class="option__desc">
    <span class="option__title">{{ option.title }}</span>
    <span class="option__small">
      {{ option.desc }}
    </span>
  </div>
</div>


1.0.1

6 years ago
  • Fix problem with exporting deepClone utils function

1.0.0-beta.1

6 years ago

0.3.1

6 years ago
Fixes:
  • Fixed #58
  • Fixed #59

0.3.0

6 years ago
Docs: Improvements
  • Better importing #38
Fixes:
  • Fixed #37
  • Fixed #41

0.2.6

6 years ago
New
  • Limit of options one can select with :max="number" prop. #32

0.2.5

6 years ago
New
  • Tagging
  • Custom labels
  • Now an UMD module
Fixes
  • Removed scoped attribute from styles
  • Changed rem to px #30 #28
TODO:
  • Solve problem: v-show and performance drops vs v-if and buggy scroll bar.

0.2.4

6 years ago

0.2.3

6 years ago

0.2.2

6 years ago

0.2.1

6 years ago

0.2.0

6 years ago

0.1.9

6 years ago

0.1.8

7 years ago

0.1.7

7 years ago
Fixes:
  • Removed sass from Muliselect.vue. Now using pure CSS. This should fix problems with browsersify.
  • Fixed problem with spinner (v-if vs v-show)
Docs:
  • Added missing props to docs
  • Improved mobile experience a bit. Still no inertia on iOS.

0.1.6

7 years ago
Fixes:
  • Fix for browserify support
  • Less strict dependencies

0.1.5

7 years ago
New:
  • Styles are scoped
  • Added private cloneDeep function (from Vuex)
Fixes:
  • Fixed bug with passing object reference (breaking Vuex)
  • Fixed test command in readme
  • Removed chromedriver from dependencies
  • Fixed leftovers from conversion to html
Others:
  • Improved documentation

0.1.4

7 years ago
FIXES
  • Added missing main property in package.json
  • Changed to CommonJS module exports syntax rather than es6 modules

0.1.3

7 years ago

0.1.2

7 years ago
NEW
  • Props for several additional configs: label names, keys
  • Changed matching of objects from hackish Stringify to comparing by passed key
  • Introduced few more tests
  • Basic docs and use cases
FIXES
  • Several minor fixes
TODO
  • Improve docs
  • Write e2e tests
  • Test on different browsers than Chrome
  • More improvements

57 Versions

TagPublished
3.0.0-alpha.2next2yrs ago
3.0.0-alpha.12yrs ago
2.1.6latest4yrs ago
2.1.54yrs ago
2.1.44yrs ago
2.1.34yrs ago
2.1.24yrs ago
2.1.14yrs ago
2.1.05yrs ago
2.0.85yrs ago
2.0.75yrs ago
2.0.65yrs ago
2.0.55yrs ago
2.0.45yrs ago
2.0.35yrs ago
2.0.25yrs ago
2.0.15yrs ago
2.0.05yrs ago
1.1.51x5yrs ago
2.0.0-beta.156yrs ago
2.0.0-beta.146yrs ago
2.0.0-beta.136yrs ago
2.0.0-beta.126yrs ago
2.0.0-beta.116yrs ago
2.0.0-beta.106yrs ago
2.0.0-beta.96yrs ago
2.0.0-beta.86yrs ago
2.0.0-beta.76yrs ago
1.1.46yrs ago
2.0.0-beta.66yrs ago
2.0.0-beta.46yrs ago
1.1.36yrs ago
2.0.0-beta.36yrs ago
2.0.0-beta.26yrs ago
2.0.0-beta.16yrs ago
1.1.26yrs ago
1.1.16yrs ago
1.1.06yrs ago
1.0.16yrs ago
1.0.0-beta.16yrs ago
0.3.16yrs ago
0.3.06yrs ago
0.2.66yrs ago
0.2.56yrs ago
0.2.46yrs ago
0.2.36yrs ago
0.2.26yrs ago
0.2.16yrs ago
0.2.06yrs ago
0.1.96yrs ago
0.1.87yrs ago
0.1.77yrs ago
0.1.67yrs ago
0.1.57yrs ago
0.1.47yrs ago
0.1.37yrs ago
0.1.27yrs ago