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

A fantastic mobile ui lib implement by Vue

!function(e,s){"object"==typeof exports&&"object"==typeof module?module.exports=s(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/BScroll/index.js"),require("@xysfe/actui/es/assets/mixins/picker.js"),require("@xysfe/actui/es/assets/mixins/basic-picker.js"),require("@xysfe/actui/es/assets/utils/BScroll/constants.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/BScroll/index.js","@xysfe/actui/es/assets/mixins/picker.js","@xysfe/actui/es/assets/mixins/basic-picker.js","@xysfe/actui/es/assets/utils/BScroll/constants.js"],s):"object"==typeof exports?exports.PickerLongText=s(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/BScroll/index.js"),require("@xysfe/actui/es/assets/mixins/picker.js"),require("@xysfe/actui/es/assets/mixins/basic-picker.js"),require("@xysfe/actui/es/assets/utils/BScroll/constants.js")):e.PickerLongText=s(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/BScroll/index.js"],e["@xysfe/actui/es/assets/mixins/picker.js"],e["@xysfe/actui/es/assets/mixins/basic-picker.js"],e["@xysfe/actui/es/assets/utils/BScroll/constants.js"])}("undefined"!=typeof self?self:this,function(e,s,t,i,n,c,r,a,o){return function(e){function s(i){if(t[i])return t[i].exports;var n=t[i]={i:i,l:!1,exports:{}};return e[i].call(n.exports,n,n.exports,s),n.l=!0,n.exports}var t={};return s.m=e,s.c=t,s.d=function(e,t,i){s.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,s){return Object.prototype.hasOwnProperty.call(e,s)},s.p="../es",s(s.s=1316)}({1032:function(e,s,t){"use strict";var i=t(111),n=t.n(i),c=t(196),r=t.n(c),a=t(118),o=t.n(a),l=t(109),u=t.n(l),f=t(110),x=t.n(f),p=t(639),d=t.n(p),h=t(631),m=t.n(h),y=t(40),v=t.n(y),_=t(782);t.n(_);s.a={name:"ActPickerLongText",mixins:[u.a,v.a,d.a,m.a,x.a],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice(),indexes:[],selectedIndexes:[],initialIndexes:[]}},watch:{data:{handler:function(){var e=this;this.initData(),this.$nextTick(function(){e._initScroll()})},deep:!0}},created:function(){this.initData()},mounted:function(){this._initScroll()},methods:{initData:function(){var e=this;if(Array.isArray(this.selectedIndex)&&Array.isArray(this.data)){var s=this.data&&this.data.slice(),t=s&&s.find(function(s,t){return e.selectedIndex.includes(t)});t&&(this._values=t[this.valueKey]?[t[this.valueKey]]:[]),this.indexes=this.selectedIndex||[],this.initialIndexes=[].concat(this.selectedIndex||[]),this.selectedIndexes=[].concat(this.selectedIndex||[])}},confirm:function(){if(this._canConfirm()){this.hide();var e=!1;n()(this.indexes)!==n()(this.selectedIndexes)&&(e=!0,this.indexes=[].concat(this.selectedIndexes)),this.initialIndexes=[].concat(this.indexes);var s=[].concat(this.indexes);this.$emit("select",this._values,s,this.pickerSelectedText),e&&this.$emit("value-change",this._values,s,this.pickerSelectedText)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){if(this.hide(),this.selectedIndexes=[].concat(this.initialIndexes),this.initialIndexes.length>0){var e=this.initialIndexes[0],s=this.data&&this.data[0];s&&s[e]&&(this._values=[s[e][this.valueKey]],this.pickerSelectedText=[s[e][this.textKey]])}else this._values=[],this.pickerSelectedText=[];this.$emit("cancel")},show:function(){var e=this;this.isVisible||(this.isVisible=!0,this.selectedIndexes=[].concat(this.indexes),this.initialIndexes=[].concat(this.indexes),this.$nextTick(function(){e.refresh()}))},hide:function(){this.isVisible&&(this.isVisible=!1)},setData:function(e){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.indexes=Array.isArray(s)?[].concat(s):[],e&&(this.finalData=e.slice()),this.refresh()},refresh:function(){var e=this;this.$nextTick(function(){e.scrollIns&&e.scrollIns.refresh()})},_initScroll:function(){var e=this;this.scrollIns&&this.scrollIns.destroy(),this.$nextTick(function(){e.$refs.scrollWrapper&&(e.scrollIns=new r.a(e.$refs.scrollWrapper,{probeType:3,click:!0,scrollY:!0,scrollX:!1,mouseWheel:{speed:20,invert:!1},observeDOM:!0,useTransition:_.USE_TRANSITION,bounce:{top:!0,bottom:!0},momentum:!0,deceleration:.001,swipeBounceTime:500,bounceTime:800}),clearTimeout(e.refreshTimer),e.refreshTimer=setTimeout(function(){e.scrollIns&&e.scrollIns.refresh(),e.refreshTimer=null},20))})},_destroyScroll:function(){this.scrollIns&&(this.scrollIns.destroy(),this.scrollIns=null)},_canConfirm:function(){return!0},selectItem:function(e,s){var t=e;1===this.selectedIndexes.length&&this.selectedIndexes[0]===t||(this.selectedIndexes=[t],this._values=[s[this.valueKey]],this.pickerSelectedText=[s[this.textKey]])},isSelected:function(e){var s=e;return this.selectedIndexes.indexOf(s)>-1}},beforeDestroy:function(){this.scrollIns&&(this.scrollIns.destroy(),this.scrollIns=null)},components:{ActPopup:o.a}}},109:function(e,s){e.exports=t},110:function(e,s){e.exports=i},111:function(e,s,t){e.exports={default:t(117),__esModule:!0}},117:function(e,s,t){var i=t(2),n=i.JSON||(i.JSON={stringify:JSON.stringify});e.exports=function(e){return n.stringify.apply(n,arguments)}},118:function(e,s){e.exports=n},1316:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i=t(26),n=t.n(i),c=t(1317);c.a.install=function(e){e.component(c.a.name,c.a),e.prototype.$createPickerLongText=n()(c.a,e)},s.default=c.a},1317:function(e,s,t){"use strict";function i(e){a||t(1318)}var n=t(1032),c=t(1319),r=t(7),a=!1,o=i,l=Object(r.a)(n.a,c.a,c.b,!1,o,"data-v-85621976",null);l.options.__file="src\\components\\PickerLongText\\src\\index.vue",s.a=l.exports},1318:function(e,s){},1319:function(e,s,t){"use strict";t.d(s,"a",function(){return i}),t.d(s,"b",function(){return n});var i=function(){var e=this,s=e.$createElement,t=e._self._c||s;return t("transition",{attrs:{name:"act-picker-fade"}},[t("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}},[t("transition",{attrs:{name:"act-picker-move"}},[t("div",{directives:[{name:"show",rawName:"v-show",value:e.isVisible,expression:"isVisible"}],staticClass:"act-picker-panel",on:{click:function(e){e.stopPropagation()}}},[t("div",{staticClass:"act-picker-choose"},[t("span",{staticClass:"act-picker-cancel",style:{color:e.cancelColor},on:{click:e.cancel}},[e._v(e._s(e._cancelTxt))]),e._v(" "),t("span",{staticClass:"act-picker-confirm",style:{color:e.confirmColor},on:{click:e.confirm}},[e._v(e._s(e._confirmTxt))]),e._v(" "),t("div",{staticClass:"act-picker-title-group"},[t("h1",{staticClass:"act-picker-title",domProps:{innerHTML:e._s(e.title)}}),e._v(" "),e.subtitle?t("h2",{staticClass:"act-picker-subtitle",domProps:{innerHTML:e._s(e.subtitle)}}):e._e()])]),e._v(" "),t("div",{staticClass:"act-picker-content"},[t("i",{staticClass:"border-bottom-1px"}),e._v(" "),t("i",{staticClass:"border-top-1px"}),e._v(" "),t("div",{ref:"scrollWrapper",staticClass:"act-picker-long-text-wrapper"},[t("div",{staticClass:"act-picker-long-text-scroll"},e._l(e.finalData,function(s,i){return t("div",{key:i},[t("ul",e._l(s,function(s,i){return t("li",{key:i,staticClass:"act-picker-long-text-item",class:{on:e.isSelected(i)},on:{click:function(t){return e.selectItem(i,s)}}},[t("span",{staticClass:"act-picker-long-text-item-radio"}),e._v(" "),t("span",{staticClass:"act-picker-long-text-item-desc",domProps:{textContent:e._s(s[e.textKey])}})])}),0)])}),0)])])])])],1)],1)},n=[];i._withStripped=!0},196:function(e,s){e.exports=c},2:function(e,s){var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},26:function(s,t){s.exports=e},40:function(e,t){e.exports=s},631:function(e,s){e.exports=r},639:function(e,s){e.exports=a},7:function(e,s,t){"use strict";function i(e,s,t,i,n,c,r,a){e=e||{};var o=typeof e.default;"object"!==o&&"function"!==o||(e=e.default);var l="function"==typeof e?e.options:e;s&&(l.render=s,l.staticRenderFns=t,l._compiled=!0),i&&(l.functional=!0),c&&(l._scopeId=c);var u;if(r?(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(r)},l._ssrRegister=u):n&&(u=a?function(){n.call(this,this.$root.$options.shadowRoot)}:n),u)if(l.functional){l._injectStyles=u;var f=l.render;l.render=function(e,s){return u.call(s),f(e,s)}}else{var x=l.beforeCreate;l.beforeCreate=x?[].concat(x,u):[u]}return{exports:e,options:l}}s.a=i},782:function(e,s){e.exports=o}})});