🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

vue-suggestion

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-suggestion - npm Package Compare versions

Comparing version

to
0.1.6

2

dist/vue-suggestion.js

@@ -1,1 +0,1 @@

(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueSuggestion=t():e.VueSuggestion=t()})("undefined"!=typeof self?self:this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var i=n[s]={i:s,l:!1,exports:{}};return e[s].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,s){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=1)}([function(e,t,n){"use strict";t.a={name:"VueSuggestion",props:{itemTemplate:{type:Object,required:!0},minLen:{type:Number,default:2},value:{type:[Object,String,Number],default:null},setLabel:{type:Function,default:function(e){return e}},items:{type:Array,default:function(){return[]}},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},inputClasses:{type:String,default:""}},data:function(){return{searchText:"",showList:!1,cursor:0}},watch:{value:{handler:function(e){e&&(this.searchText=this.setLabel(e))},deep:!0},"items.length":function(){this.showList=this.isAbleToShowList()}},created:function(){this.checkMissingProps()},mounted:function(){this.value&&(this.searchText=this.setLabel(this.value))},methods:{inputChange:function(){this.showList=this.isAbleToShowList(),this.cursor=0,this.$emit("onInputChange",this.searchText)},isAbleToShowList:function(){return this.searchText&&this.searchText.length>=this.minLen&&this.items&&this.items.length>0},checkMissingProps:function(){this.itemTemplate||console.warn("You need to pass `template` as the suggestion list item template")},focus:function(){this.showList=this.isAbleToShowList()},blur:function(){var e=this;setTimeout(function(){e.showList=!1},200)},selectItem:function(e){e&&(this.searchText=this.setLabel(e),this.$emit("onItemSelected",e)),this.$emit("input",e)},keyUp:function(){this.cursor>0&&(this.cursor-=1)},keyDown:function(){this.cursor<this.items.length-1&&(this.cursor+=1)},keyEnter:function(){this.showList&&this.items[this.cursor]&&(this.selectItem(this.items[this.cursor]),this.showList=!1),this.$emit("onEnter",this.items[this.cursor])}}}},function(e,t,n){e.exports=n(2)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s=n(3);t.default=Object.assign({},s.a,{install:function(e){return e.component(s.a.name,s.a)}})},function(e,t,n){"use strict";function s(e){n(4)}var i=n(0),o=n(6),r=n(5),u=s,c=r(i.a,o.a,!1,u,null,null);t.a=c.exports},function(e,t){},function(e,t){e.exports=function(e,t,n,s,i,o){var r,u=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,u=e.default);var a="function"==typeof u?u.options:u;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns,a._compiled=!0),n&&(a.functional=!0),i&&(a._scopeId=i);var l;if(o?(l=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),s&&s.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=l):s&&(l=s),l){var f=a.functional,h=f?a.render:a.beforeCreate;f?(a._injectStyles=l,a.render=function(e,t){return l.call(t),h(e,t)}):a.beforeCreate=h?[].concat(h,l):[l]}return{esModule:r,exports:u,options:a}}},function(e,t,n){"use strict";var s=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"vue-suggestion"},[n("div",{staticClass:"vue-suggestion-input-group",class:{"vue-suggestion-selected":e.value}},[n("input",{directives:[{name:"model",rawName:"v-model",value:e.searchText,expression:"searchText"}],staticClass:"vue-suggestion-input",class:e.inputClasses,attrs:{placeholder:e.placeholder,disabled:e.disabled,type:"search"},domProps:{value:e.searchText},on:{blur:e.blur,focus:e.focus,input:[function(t){t.target.composing||(e.searchText=t.target.value)},e.inputChange],keydown:[function(t){if(!("button"in t)&&e._k(t.keyCode,"enter",13,t.key))return null;t.preventDefault(),e.keyEnter(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"up",38,t.key))return null;t.preventDefault(),e.keyUp(t)},function(t){if(!("button"in t)&&e._k(t.keyCode,"down",40,t.key))return null;t.preventDefault(),e.keyDown(t)}]}}),e._v(" "),e._t("searchSlot")],2),e._v(" "),e.showList?n("div",{staticClass:"vue-suggestion-list"},e._l(e.items,function(t,s){return n("div",{key:s,staticClass:"vue-suggestion-list-item",class:{"vue-suggestion-item-active":s===e.cursor},on:{click:function(n){e.selectItem(t)},mouseover:function(t){e.cursor=s}}},[n(e.itemTemplate,{tag:"div",attrs:{item:t}})])})):e._e()])},i=[],o={render:s,staticRenderFns:i};t.a=o}])});
module.exports=function(t){function e(n){if(s[n])return s[n].exports;var i=s[n]={i:n,l:!1,exports:{}};return t[n].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var s={};return e.m=t,e.c=s,e.d=function(t,s,n){e.o(t,s)||Object.defineProperty(t,s,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var s=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(s,"a",s),s},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=1)}([function(t,e,s){"use strict";e.a={name:"VueSuggestion",props:{itemTemplate:{type:Object,required:!0},minLen:{type:Number,default:2},value:{type:[Object,String,Number],default:null},setLabel:{type:Function,default:function(t){return t}},items:{type:Array,default:function(){return[]}},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""},inputClasses:{type:String,default:""}},data:function(){return{searchText:"",showList:!1,cursor:0}},watch:{value:{handler:function(t){t&&(this.searchText=this.setLabel(t))},deep:!0},"items.length":function(){this.showList=this.isAbleToShowList()}},created:function(){this.checkMissingProps()},mounted:function(){this.value&&(this.searchText=this.setLabel(this.value))},methods:{inputChange:function(){this.showList=this.isAbleToShowList(),this.cursor=0,this.$emit("onInputChange",this.searchText)},isAbleToShowList:function(){return this.searchText&&this.searchText.length>=this.minLen&&this.items&&this.items.length>0},checkMissingProps:function(){this.itemTemplate||console.warn("You need to pass `template` as the suggestion list item template")},focus:function(){this.$emit("focus"),this.showList=this.isAbleToShowList()},blur:function(){var t=this;this.$emit("blur"),setTimeout(function(){t.showList=!1},200)},selectItem:function(t){t&&(this.searchText=this.setLabel(t),this.$emit("onItemSelected",t)),this.$emit("input",t)},keyUp:function(){this.$emit("keyUp"),this.cursor>0&&(this.cursor-=1)},keyDown:function(){this.$emit("keyDown"),this.cursor<this.items.length-1&&(this.cursor+=1)},keyEnter:function(){this.showList&&this.items[this.cursor]&&(this.selectItem(this.items[this.cursor]),this.showList=!1),this.$emit("onEnter",this.items[this.cursor])}}}},function(t,e,s){t.exports=s(2)},function(t,e,s){"use strict";function n(t){s(3)}Object.defineProperty(e,"__esModule",{value:!0});var i=s(0),o=s(5),r=s(4),u=n,c=r(i.a,o.a,!1,u,null,null);e.default=c.exports},function(t,e){},function(t,e){t.exports=function(t,e,s,n,i,o){var r,u=t=t||{},c=typeof t.default;"object"!==c&&"function"!==c||(r=t,u=t.default);var a="function"==typeof u?u.options:u;e&&(a.render=e.render,a.staticRenderFns=e.staticRenderFns,a._compiled=!0),s&&(a.functional=!0),i&&(a._scopeId=i);var l;if(o?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(o)},a._ssrRegister=l):n&&(l=n),l){var h=a.functional,f=h?a.render:a.beforeCreate;h?(a._injectStyles=l,a.render=function(t,e){return l.call(e),f(t,e)}):a.beforeCreate=f?[].concat(f,l):[l]}return{esModule:r,exports:u,options:a}}},function(t,e,s){"use strict";var n=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"vue-suggestion"},[s("div",{staticClass:"vue-suggestion-input-group",class:{"vue-suggestion-selected":t.value}},[s("input",{directives:[{name:"model",rawName:"v-model",value:t.searchText,expression:"searchText"}],staticClass:"vue-suggestion-input",class:t.inputClasses,attrs:{placeholder:t.placeholder,disabled:t.disabled,type:"search"},domProps:{value:t.searchText},on:{blur:t.blur,focus:t.focus,input:[function(e){e.target.composing||(t.searchText=e.target.value)},t.inputChange],keydown:[function(e){if(!("button"in e)&&t._k(e.keyCode,"enter",13,e.key))return null;e.preventDefault(),t.keyEnter(e)},function(e){if(!("button"in e)&&t._k(e.keyCode,"up",38,e.key))return null;e.preventDefault(),t.keyUp(e)},function(e){if(!("button"in e)&&t._k(e.keyCode,"down",40,e.key))return null;e.preventDefault(),t.keyDown(e)}]}}),t._v(" "),t._t("searchSlot")],2),t._v(" "),t.showList?s("div",{staticClass:"vue-suggestion-list"},t._l(t.items,function(e,n){return s("div",{key:n,staticClass:"vue-suggestion-list-item",class:{"vue-suggestion-item-active":n===t.cursor},on:{click:function(s){t.selectItem(e)},mouseover:function(e){t.cursor=n}}},[s(t.itemTemplate,{tag:"div",attrs:{item:e}})])})):t._e()])},i=[],o={render:n,staticRenderFns:i};e.a=o}]);
{
"name": "vue-suggestion",
"version": "0.1.5",
"version": "0.1.6",
"description": "Suggestion list input for Vue.js",

@@ -10,3 +10,3 @@ "author": "Steven Dao <iamstevendao@gmail.com>",

"scripts": {
"dist": "poi build ./src/vue-suggestion.js --format umd --module-name VueSuggestion --filename.js vue-suggestion.js --filename.css vue-suggestion.css --no-sourceMap --no-html",
"dist": "poi build",
"dist:demo": "poi build ./demo/index.js --config ./demo/build.config.js --filename.css vue-suggestion.css --no-sourceMap --dist ./docs",

@@ -13,0 +13,0 @@ "start": "yarn dev",