@xysfe/actui/es/Picker/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.Picker=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.Picker=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,r,a,c,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=1312)}({1031:function(e,s,t){"use strict";var i=t(196),n=t.n(i),r=t(118),a=t.n(r),c=t(109),o=t.n(c),l=t(110),u=t.n(l),f=t(639),h=t.n(f),p=t(631),x=t.n(p),d=t(40),m=t.n(d),v=t(782);t.n(v);s.a={name:"ActPicker",mixins:[o.a,m.a,h.a,x.a,u.a],props:{pending:{type:Boolean,default:!1}},data:function(){return{finalData:this.data.slice()}},created:function(){this._values=[],this._indexes=this.selectedIndex},methods:{confirm:function(){if(this._canConfirm()){this.hide();var e=!1,s=[],t=this.finalData.length,i=this._values.length;i!==t&&(e=!0,i>t&&(this._values.length=this._indexes.length=t));for(var n=0;n<t;n++){var r=this._getSelectIndex(this.wheels[n]);this._indexes[n]=r;var a=null,c="";this.finalData[n].length&&(a=this.finalData[n][r][this.valueKey],c=this.finalData[n][r][this.textKey]),this._values[n]!==a&&(e=!0),this._values[n]=a,s[n]=c}this.$emit("select",this._values,this._indexes,s),e&&this.$emit("value-change",this._values,this._indexes,s)}},maskClick:function(){this.maskClosable&&this.cancel()},cancel:function(){this.hide(),this.$emit("cancel")},show:function(){var e=this;if(!this.isVisible)if(this.isVisible=!0,!this.wheels||this.dirty)this.$nextTick(function(){e.wheels=e.wheels||[];for(var s=e.$refs.wheelWrapper,t=0;t<e.finalData.length;t++)e._createWheel(s,t).enable(),e.wheels[t].wheelTo(e._indexes[t]);e.dirty&&e._destroyExtraWheels(),e.dirty=!1});else for(var s=0;s<this.finalData.length;s++)this.wheels[s].enable(),this.wheels[s].wheelTo(this._indexes[s])},hide:function(){if(this.isVisible){this.isVisible=!1;for(var e=0;e<this.finalData.length;e++)this.wheels[e].disable()}},setData:function(e,s){var t=this;this._indexes=s?[].concat(s):[],this.finalData=e.slice(),this.isVisible?this.$nextTick(function(){var e=t.$refs.wheelWrapper;t.finalData.forEach(function(s,i){t._createWheel(e,i),t.wheels[i].wheelTo(t._indexes[i])}),t._destroyExtraWheels()}):this.dirty=!0},refill:function(e){var s=this,t=[];return e.length?(e.forEach(function(e,i){t[i]=s.refillColumn(i,e)}),t):t},refillColumn:function(e,s){var t=this,i=this.$refs.wheelWrapper,n=i.children[e].querySelector(".act-picker-wheel-scroll"),r=!!this.wheels&&this.wheels[e],a=0;if(n&&r){var c=this.finalData[e];this.$set(this.finalData,e,s);var o=r.getSelectedIndex();if(c.length)for(var l=c[o][this.valueKey],u=0;u<s.length;u++)if(s[u][this.valueKey]===l){a=u;break}this._indexes[e]=a,this.$nextTick(function(){r=t._createWheel(i,e),r.wheelTo(a)})}return a},scrollTo:function(e,s){var t=this.wheels[e];this._indexes[e]=s,t.wheelTo(s)},refresh:function(){var e=this;this.$nextTick(function(){e.wheels.forEach(function(e){e.refresh()})})},_createWheel:function(e,s){var t=this;if(this.wheels[s])this.wheels[s].refresh();else{var i=this.wheels[s]=new n.a(e.children[s],{wheel:{selectedIndex:this._indexes[s]||0,wheelWrapperClass:"act-picker-wheel-scroll",wheelItemClass:"act-picker-wheel-item"},swipeTime:this.swipeTime,observeDOM:!1,useTransition:v.USE_TRANSITION});i.on("scrollStart",function(){i.inScroll=!0}),i.on("scrollEnd",function(){t.$emit("change",s,t._getSelectIndex(i)),i.inScroll=!1})}return this.wheels[s]},_destroyExtraWheels:function(){var e=this.finalData.length;if(this.wheels.length>e){this.wheels.splice(e).forEach(function(e){e.destroy()})}},_canConfirm:function(){return!this.pending&&this.wheels.every(function(e){return v.USE_TRANSITION?!e.isInTransition:!(e.inScroll||e.isInTransition)})},_getFlexOrder:function(e){return e[0]?e[0][this.orderKey]:0},_getSelectIndex:function(e){var s=e.y;return v.USE_TRANSITION?e.getSelectedIndex():s>e.minScrollY?0:s<e.maxScrollY?e.items.length-1:Math.round(Math.abs(s/e.itemHeight))}},beforeDestroy:function(){this.wheels&&this.wheels.forEach(function(e){e.destroy()}),this.wheels=null},components:{ActPopup:a.a}}},109:function(e,s){e.exports=t},110:function(e,s){e.exports=i},118:function(e,s){e.exports=n},1312:function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i=t(26),n=t.n(i),r=t(1313);r.a.install=function(e){e.component(r.a.name,r.a),e.prototype.$createPicker=n()(r.a,e)},s.default=r.a},1313:function(e,s,t){"use strict";function i(e){c||t(1314)}var n=t(1031),r=t(1315),a=t(7),c=!1,o=i,l=Object(a.a)(n.a,r.a,r.b,!1,o,"data-v-65cf9f1c",null);l.options.__file="src\\components\\Picker\\src\\index.vue",s.a=l.exports},1314:function(e,s){},1315: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:"wheelWrapper",staticClass:"act-picker-wheel-wrapper"},e._l(e.finalData,function(s,i){return t("div",{key:i,style:{order:e._getFlexOrder(s)}},[t("ul",{staticClass:"act-picker-wheel-scroll"},e._l(s,function(s,i){return t("li",{key:i,staticClass:"act-picker-wheel-item",domProps:{innerHTML:e._s(s[e.textKey])}})}),0)])}),0)]),e._v(" "),t("div",{staticClass:"act-picker-footer"})])])],1)],1)},n=[];i._withStripped=!0},196:function(e,s){e.exports=r},26:function(s,t){s.exports=e},40:function(e,t){e.exports=s},631:function(e,s){e.exports=a},639:function(e,s){e.exports=c},7:function(e,s,t){"use strict";function i(e,s,t,i,n,r,a,c){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),r&&(l._scopeId=r);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)},l._ssrRegister=u):n&&(u=c?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 h=l.beforeCreate;l.beforeCreate=h?[].concat(h,u):[u]}return{exports:e,options:l}}s.a=i},782:function(e,s){e.exports=o}})});