@xysfe/actui/es/MultiSelect/index.js

A fantastic mobile ui lib implement by Vue

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/common/scroll.js"),require("@xysfe/actui/es/assets/mixins/fontsize.js"),require("@xysfe/actui/es/assets/mixins/picker.js")):"function"==typeof define&&define.amd?define(["@xysfe/actui/es/assets/utils/create/index.js","@xysfe/actui/es/assets/mixins/visible.js","@xysfe/actui/es/assets/mixins/popup.js","@xysfe/actui/es/assets/mixins/noscroll.js","@xysfe/actui/es/assets/common/popup.js","@xysfe/actui/es/assets/common/scroll.js","@xysfe/actui/es/assets/mixins/fontsize.js","@xysfe/actui/es/assets/mixins/picker.js"],t):"object"==typeof exports?exports.MultiSelect=t(require("@xysfe/actui/es/assets/utils/create/index.js"),require("@xysfe/actui/es/assets/mixins/visible.js"),require("@xysfe/actui/es/assets/mixins/popup.js"),require("@xysfe/actui/es/assets/mixins/noscroll.js"),require("@xysfe/actui/es/assets/common/popup.js"),require("@xysfe/actui/es/assets/common/scroll.js"),require("@xysfe/actui/es/assets/mixins/fontsize.js"),require("@xysfe/actui/es/assets/mixins/picker.js")):e.MultiSelect=t(e["@xysfe/actui/es/assets/utils/create/index.js"],e["@xysfe/actui/es/assets/mixins/visible.js"],e["@xysfe/actui/es/assets/mixins/popup.js"],e["@xysfe/actui/es/assets/mixins/noscroll.js"],e["@xysfe/actui/es/assets/common/popup.js"],e["@xysfe/actui/es/assets/common/scroll.js"],e["@xysfe/actui/es/assets/mixins/fontsize.js"],e["@xysfe/actui/es/assets/mixins/picker.js"])}("undefined"!=typeof self?self:this,function(e,t,s,i,n,c,a,l){return function(e){function t(i){if(s[i])return s[i].exports;var n=s[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var s={};return t.m=e,t.c=s,t.d=function(e,s,i){t.o(e,s)||Object.defineProperty(e,s,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var s=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(s,"a",s),s},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="../es",t(t.s=1711)}({109:function(e,t){e.exports=s},110:function(e,t){e.exports=i},1136:function(e,t,s){"use strict";var i=s(40),n=s.n(i),c=s(118),a=s.n(c),l=s(109),o=s.n(l),r=s(554),u=s.n(r),f=s(110),p=s.n(f),x=s(631),m=s.n(x),d=s(129),h=s.n(d),v={value:"value",text:"text"};t.a={name:"ActMultiSelect",mixins:[n.a,o.a,p.a,m.a,u.a],components:{ActScroll:h.a,ActPopup:a.a},props:{data:{type:Array,default:function(){return[]}},selectValue:{type:Array,default:function(){return[]}},alias:{type:Object,default:function(){return{}}},limit:{type:Number,default:0}},data:function(){return{selectLists:[],finalData:[],finalSelectValue:[]}},computed:{valueKey:function(){return this.alias.value||v.value},textKey:function(){return this.alias.text||v.text},selectCount:function(){return this.selectLists.reduce(function(e,t){return e+ +t.active},0)}},mounted:function(){this.finalData=this.data.slice(),this.finalSelectValue=this.selectValue.slice()},watch:{data:function(e){this.finalData=e.slice(),this.initSelectData()},selectValue:function(e){this.finalSelectValue=e.slice(),this.initSelectData()}},methods:{initSelectData:function(){var e=this;this.finalData&&this.finalData.length&&(this.selectLists=this.finalData.map(function(t){return{active:e.finalSelectValue.indexOf(t[e.valueKey])>-1,value:t[e.valueKey],text:t[e.textKey]}}),this.refreshScroll())},refreshScroll:function(){var e=this;this.$nextTick(function(){e.$refs.multipleSelectScroll.refresh()})},clickSelector:function(e){this.limit>0&&!e.active&&this.selectCount>=this.limit||(e.active=!e.active)},cancel:function(){this.$emit("cancel"),this.hide()},confirm:function(){var e={selectedVal:[],selectedIndex:[],selectedText:[]};this.selectLists.forEach(function(t,s){t.active&&(e.selectedVal.push(t.value),e.selectedIndex.push(s),e.selectedText.push(t.text))}),this.finalSelectValue=e.selectedVal.slice(),this.$emit("select",e.selectedVal,e.selectedIndex,e.selectedText),this.hide()},show:function(){this.isVisible||(this.isVisible=!0,this.initSelectData())},setData:function(e,t){this.finalData=e,this.finalSelectValue=t,this.initSelectData()},maskClick:function(){this.maskClosable&&this.cancel()}}}},118:function(e,t){e.exports=n},129:function(e,t){e.exports=c},1711:function(e,t,s){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=s(26),n=s.n(i),c=s(1712);c.a.install=function(e){e.component(c.a.name,c.a),e.prototype.$createMultiSelect=n()(c.a,e)},t.default=c.a},1712:function(e,t,s){"use strict";function i(e){l||s(1713)}var n=s(1136),c=s(1714),a=s(7),l=!1,o=i,r=Object(a.a)(n.a,c.a,c.b,!1,o,"data-v-7ee921f3",null);r.options.__file="src\\components\\MultiSelect\\src\\index.vue",t.a=r.exports},1713:function(e,t){},1714:function(e,t,s){"use strict";s.d(t,"a",function(){return i}),s.d(t,"b",function(){return n});var i=function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("transition",{attrs:{name:"act-picker-fade"}},[s("act-popup",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],attrs:{type:"picker",mask:!0,center:!1,topBorderRadius:!0,zIndex:e.zIndex},on:{touchmove:function(e){e.preventDefault()},"mask-click":e.maskClick}},[s("transition",{attrs:{name:"act-picker-move"}},[s("div",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],staticClass:"act-picker-panel",style:{fontSize:e._fontSize},on:{click:function(e){e.stopPropagation()}}},[s("div",{staticClass:"act-picker-choose"},[s("span",{staticClass:"act-picker-cancel",style:{color:e.cancelColor},on:{click:e.cancel}},[e._v(e._s(e._cancelTxt))]),e._v(" "),s("div",{staticClass:"act-picker-title-group"},[s("h1",{staticClass:"act-picker-title",domProps:{innerHTML:e._s(e.title)}})]),e._v(" "),s("span",{staticClass:"act-picker-confirm",style:{color:e.confirmColor},on:{click:e.confirm}},[e._v(e._s(e._confirmTxt))])]),e._v(" "),s("act-scroll",{ref:"multipleSelectScroll",staticClass:"multiple-select-scroll",attrs:{scrollbar:{fade:!0,interactive:!1},listenScrollInit:!0,mouseWheel:!0}},[e.selectLists&&e.selectLists.length?s("ul",{staticClass:"multiple-select-ul",class:{limit:e.limit>0&&e.selectCount>=e.limit}},e._l(e.selectLists,function(t){return s("li",{key:t.value,staticClass:"multiple-select-li",class:{active:t.active},on:{click:function(s){return e.clickSelector(t)}}},[s("i",{staticClass:"icon-circle"}),e._v(" "),s("p",{staticClass:"select-text"},[e._v("\n                "+e._s(t.text)+"\n              ")])])}),0):e._e()])],1)])],1)],1)},n=[];i._withStripped=!0},26:function(t,s){t.exports=e},40:function(e,s){e.exports=t},554:function(e,t){e.exports=a},631:function(e,t){e.exports=l},7:function(e,t,s){"use strict";function i(e,t,s,i,n,c,a,l){e=e||{};var o=typeof e.default;"object"!==o&&"function"!==o||(e=e.default);var r="function"==typeof e?e.options:e;t&&(r.render=t,r.staticRenderFns=s,r._compiled=!0),i&&(r.functional=!0),c&&(r._scopeId=c);var u;if(a?(u=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__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(a)},r._ssrRegister=u):n&&(u=l?function(){n.call(this,this.$root.$options.shadowRoot)}:n),u)if(r.functional){r._injectStyles=u;var f=r.render;r.render=function(e,t){return u.call(t),f(e,t)}}else{var p=r.beforeCreate;r.beforeCreate=p?[].concat(p,u):[u]}return{exports:e,options:r}}t.a=i}})});