2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-26 04:34:04 +03:00
This commit is contained in:
Jeff
2018-01-15 15:38:19 -08:00
parent a680fe1b85
commit 46cc5e1622
19 changed files with 32 additions and 36 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+13 -6
View File
@@ -1,7 +1,14 @@
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>Vue Select | VueJS Select2 Component</title><link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono" rel=stylesheet type=text/css><link href="//fonts.googleapis.com/css?family=Dosis:300&amp;text=Vue Select" rel=stylesheet type=text/css><link href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css rel=stylesheet integrity=sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7 crossorigin=anonymous><meta name=title content="Vue Select | VueJS Select2/Chosen Component"><meta name=description content="A well-tested, native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><link rel=icon href=static/vue-logo.png type=image/png><meta property=og:image content=static/vue-logo.png><meta property=twitter:image content=static/vue-logo.png><meta name=description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=og:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:site_name content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:url content=http://sagalbot.github.io/vue-select/ ><link href=//sagalbot.github.io/vue-select/css/app.97354e1a4d3bbf8c39fcb92655db34e0.css rel=stylesheet></head><body><div class="jumbotron jumbotron-top"><div class=container><div class="col-md-8 col-md-offset-2"><h1>Vue Select</h1><p class="accolades lead"><a href=https://travis-ci.org/sagalbot/vue-select><img src="https://img.shields.io/travis/sagalbot/vue-select.svg?style=flat-square" alt="Build Status"></a><a href=https://codeclimate.com/github/sagalbot/vue-select><img src="https://img.shields.io/codeclimate/coverage/github/sagalbot/vue-select.svg?style=flat-square" alt="Code Coverage"></a><a href=https://gemnasium.com/github.com/sagalbot/vue-select><img src="https://img.shields.io/gemnasium/sagalbot/vue-select.svg?style=flat-square" alt="No Dependencies"></a><img src="https://img.shields.io/github/license/sagalbot/vue-select.svg?style=flat-square" alt="MIT License"> <img src="https://img.shields.io/github/release/sagalbot/vue-select.svg?style=flat-square" alt="Current Release"></p><p class=lead>A native Vue.js select component that provides similar functionality to Select2/Chosen without the overhead of jQuery.</p><v-select id=v-select taggable :placeholder=placeholder :value=selected :options=options :multiple=multiple :on-change=setSelected></v-select><div class=row><div class="col-md-3 col-md-offset-3"><ul class=list-vue><li>Fully Reactive</li><li>Tagging Support <small>v1.1.0</small></li><li>Works with Vuex</li><li>Zero dependencies</li></ul></div><div class=col-md-3><ul class=list-vue><li>+95% Test Coverage</li><li>Select Single/Multiple</li><li>Typeahead Suggestions</li><li>Bootstrap Friendly Markup</li></ul></div></div><a class="btn btn-primary btn-outline btn-lg" href=https://github.com/sagalbot/vue-select><span class="octicon octicon-mark-github"></span> View on GitHub</a></div></div><a href=#install class=down-arrow>Install, Examples &amp; Documentation <i role=presentation class="glyphicon glyphicon-chevron-down"></i></a></div><app></app><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
<!DOCTYPE html><html lang=en><head><meta charset=utf-8><title>Vue Select | VueJS Select2 Component</title><link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600|Roboto Mono" rel=stylesheet><link href="//fonts.googleapis.com/css?family=Dosis:300&amp;text=Vue Select" rel=stylesheet><meta name=title content="Vue Select | VueJS Select2/Chosen Component"><meta name=description content="A well-tested, native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><link rel=icon href=static/vue-logo.png type=image/png><meta property=og:image content=static/vue-logo.png><meta property=twitter:image content=static/vue-logo.png><meta name=description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=og:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:description content="A native Vue.js component that provides similar functionality to Select2/Chosen without the overhead of jQuery."><meta property=twitter:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:title content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:site_name content="Vue Select | VueJS Select2/Chosen Component"><meta property=og:url content=http://sagalbot.github.io/vue-select/ ><link href=css/app.ff3b69f189f389c500b13eeb17a1bc6f.css rel=stylesheet></head><body><div id=app><h1>Vue Select</h1><p class="accolades lead"><a href=https://github.com/sagalbot/vue-select><img src="https://img.shields.io/github/stars/sagalbot/vue-select.svg?label=Stars&style=flat-square" alt="GitHub Stars"> </a><a href=https://www.npmjs.com/package/vue-select><img src="https://img.shields.io/npm/dm/vue-select.svg?style=flat-square" alt="Downloads per Month"> </a><a href=https://codeclimate.com/github/sagalbot/vue-select/maintainability><img src="https://img.shields.io/codeclimate/maintainability/sagalbot/vue-select.svg?style=flat-square" alt=Maintainability> </a><a href=https://gemnasium.com/github.com/sagalbot/vue-select><img src="https://img.shields.io/gemnasium/sagalbot/vue-select.svg?style=flat-square" alt="No Dependencies"> </a><img src="https://img.shields.io/github/license/sagalbot/vue-select.svg?style=flat-square" alt="MIT License"> <img src="https://img.shields.io/github/release/sagalbot/vue-select.svg?style=flat-square" alt="Current Release"></p><p class=lead>A Vue.js select component that provides similar functionality to Select2/Chosen without the overhead of jQuery.</p><v-select id=v-select :options=options v-model=selected label=title><template slot=option slot-scope=option><span class=octicon :class=option.icon></span> {{ option.title }}</template></v-select><div v-cloak v-if="!! selected" class=dropdown-action><a class="btn btn-primary btn-outline btn-lg" :href=selected.url><span class=octicon :class=selected.icon></span> {{ selected.title }}</a></div><section class=content :class="{ hidden: selected }"><div class=feature-list><ul class=list-vue><li>Supports Vuex</li><li>Tagging Support</li><li>Custom Templating</li><li>Zero JS/CSS dependencies</li><li>Custom Filtering Algoirthms</li></ul><ul class=list-vue><li>+95% Test Coverage</li><li>Select Single/Multiple</li><li>Typeahead Suggestions</li><li>Supports RTL & Translations</li><li>Plays nice with CSS Frameworks</li></ul></div><p>And so much more! Get started with:<br><code>yarn add vue-select</code></p><div class=cta><a class="btn btn-primary btn-outline btn-lg" href=https://github.com/sagalbot/vue-select><span class="octicon octicon-mark-github"></span> View on GitHub </a><a class="btn btn-primary btn-outline btn-lg" href=/docs/ ><span class="octicon octicon-book"></span> Read the Docs</a></div></section></div><script>(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-12818324-8', 'auto');
ga('send', 'pageview');</script><script src=//sagalbot.github.io/vue-select/js/manifest.a0bbd093d3c34f529325.js></script><script src=//sagalbot.github.io/vue-select/js/vendor.e7d435f84e95015656b0.js></script><script src=//sagalbot.github.io/vue-select/js/app.71d223504c4bee1d3b51.js></script></body></html>
ga('create', 'UA-12818324-8', 'auto');
ga('send', 'pageview');</script><script type=text/javascript src=js/manifest.64fc3eaf110d75f163ed.js></script><script type=text/javascript src=js/vendor.0d1b35d16c5216d2c609.js></script><script type=text/javascript src=js/app.8269f7fb6f07cd234a02.js></script></body></html>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2
View File
@@ -0,0 +1,2 @@
!function(e){function t(r){if(n[r])return n[r].exports;var a=n[r]={exports:{},id:r,loaded:!1};return e[r].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var r=window.webpackJsonp;window.webpackJsonp=function(o,c){for(var p,l,s=0,d=[];s<o.length;s++)l=o[s],a[l]&&d.push.apply(d,a[l]),a[l]=0;for(p in c)Object.prototype.hasOwnProperty.call(c,p)&&(e[p]=c[p]);for(r&&r(o,c);d.length;)d.shift().call(null,t);if(c[0])return n[0]=0,t(0)};var n={},a={0:0};t.e=function(e,r){if(0===a[e])return r.call(null,t);if(void 0!==a[e])a[e].push(r);else{a[e]=[r];var n=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+"js/"+e+"."+{1:"0d1b35d16c5216d2c609",2:"8269f7fb6f07cd234a02"}[e]+".js",n.appendChild(o)}},t.m=e,t.c=n,t.p=""}([]);
//# sourceMappingURL=manifest.64fc3eaf110d75f163ed.js.map
File diff suppressed because one or more lines are too long
-2
View File
@@ -1,2 +0,0 @@
!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,l){for(var s,c,p=0,i=[];p<o.length;p++)c=o[p],a[c]&&i.push.apply(i,a[c]),a[c]=0;for(s in l)e[s]=l[s];for(n&&n(o,l);i.length;)i.shift().call(null,t);return l[0]?(r[0]=0,t(0)):void 0};var r={},a={0:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+"js/"+e+"."+{1:"e7d435f84e95015656b0",2:"71d223504c4bee1d3b51"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p="//sagalbot.github.io/vue-select/"}([]);
//# sourceMappingURL=manifest.a0bbd093d3c34f529325.js.map
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.2 KiB